Search jQuery

jQuery Forum

Using jQuery

postonoh

How do I loop through attr("rel") to get the one I selected.

in Using jQuery • 9 years ago

I have a dynamic div create an image click or ipad tap.

$("#pgNum").live("click, tap", function () {
var v = $("#book").turn("view");
var rel = $("#pgNum").attr("rel");
var spl = rel.split("x");
var pgClicked = parseFloat(spl[0]);
$("#book").turn("page", parseInt(pgClicked));
$("#ContentTitle").fadeOut(1000);
$("#CView").val(v[0] + " - " + v[1]);
});

My c# code loads the a table of contents from the databases and put them into this:

<div id="contents" class="clscontents" rel="1 Front Cover">
<ul>
<li> <a href="#" id="pgNum" rel="1 Front Cover"></a>l</i>
<li> <a href="#" id="pgNum" rel="2 IFC"></a>l</i>
<li> <a href="#" id="pgNum" rel="3 Table of Contents"></a>l</i>
<li> <a href="#" id="pgNum" rel="6 Visual Index"></a>l</i>
<li> <a href="#" id="pgNum" rel="24 Layering Light"></a>l</i>
<li> <a href="#" id="pgNum" rel="28 Clearing Crystal"></a>l</i>
</ul>
</div>

What I need is when a user chooses a page to go like 28 Clearing Crystal goto page 28 or if 6 Visual Index goto page 6.With code below and above which is the same code it only goto page 1 no matter what page I click.

$("#pgNum").live("click, tap", function () {
var v = $("#book").turn("view");
var rel = $("#pgNum").attr("rel");
var spl = rel.split("x");
var pgClicked = parseFloat(spl[0]);
$("#book").turn("page", parseInt(pgClicked));
$("#ContentTitle").fadeOut(1000);
$("#CView").val(v[0] + " - " + v[1]);
});

somehow I need to loop and what was selected = pgClicked

thank you in advance.

Replies(6)

alano999

Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

Hi. You don't need to loop.

Guessing how your UI might work, try this...

$("#pgNum").live("click, tap", function (e) {
var v = $("#book").turn("view");
$("#book").turn("page", parseInt($("#pgNum").attr("rel").split("x")[0]));
$("#ContentTitle").fadeOut(1000);
$("#CView").val(v[0] + " - " + v[1]);
e.preventDefault; // these 2 lines stop the default <a> action, if needed
return false;
});

This fetches the href from the <a> with matching rel:-

var href = $("#contents li a[rel=" + pgClicked + "]).attr("href");

If you're using jQuery 1.7 or later, change the .live() to .on() (just change the word).

Hope that helps.

Alan

postonoh

Re: Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

did not work still getting the first number in the table.

postonoh

Re: Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

Hey thanks,

I change everything to class the used this:

$(".pgNum").live("tap", function (e) {
var v = $("#book").turn("view");
var rel = $(this).attr("rel");
var spl = rel.split("x");
var pgClicked = parseFloat(spl[0]);
$("#book").turn("page", parseInt(pgClicked));
$("#ContentTitle").fadeOut(1000);
$("#CView").val(v[0] + " - " + v[1]);
});

This worked. parseFloat instead parseInt

jay.blanc..

Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

Are you splitting on "x" (rel.split("x"))? If so, you're not getting the actual number back in spl[0]

postonoh

Re: Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

It works now by add parseFloat should I change to rel.split(","); the parseInt(pgClicked);

Godsbest

Re: How do I loop through attr("rel") to get the one I selected.

9 years ago

Glad to see you changed from ID to class ... just remember that only one element on a page should have a particular ID ... as for a class, numerous elements can be assigned to the same class.

Jay is quite right. You should split on space:

var spl = rel.split(" "); //space
var pgClicked = parseInt(spl[0]);

Top Reply

Response title

Attachments

jQuery Forum

How do I loop through attr("rel") to get the one I selected.

Replies(6)

Re: How do I loop through attr("rel") to get the one I selected.

Re: Re: How do I loop through attr("rel") to get the one I selected.

Re: Re: How do I loop through attr("rel") to get the one I selected.

Re: How do I loop through attr("rel") to get the one I selected.

Re: Re: How do I loop through attr("rel") to get the one I selected.

Re: How do I loop through attr("rel") to get the one I selected.

Statistics

Tags

Actions