The < a > tag that was in the "var div" line got rendered as an actual link.
Here it is again with spaces to prevent it from being rendered as a link:
var div = "<div id='job" + j.jobID + "'><h1 id='jobTitle" + j.jobID + "'
style='display:inline;font-weight:normal'>" + j.companyName + "</h1> |
< a href='#' id='editJob" + j.jobID + "'>edit< / a>";
Chad
leftend wrote:
>
> Hello,
>
> I'm parsing this JSON:
>
> {"result":"success","successText":"Your changes have been saved
> successfully.","errorText":"","memberID":"49","mode":"edit","jobs":[{"jobID":"1","companyName":"SAIC"},{"jobID":"2","companyName":"Aspentech"},{"jobID":"3","companyName":"Cardinal
> Health"}]}
>
> ...with this Javascript:
>
> $("#panelManageJobView").empty();
>
> for (var i in json.jobs)
> {
> var j = json.jobs[i];
> var div = "<div id='job" + j.jobID + "'><h1 id='jobTitle" + j.jobID + "'
> style='display:inline;font-weight:normal'>" + j.companyName +
> "</h1> | # edit ";
> div += "<div style='padding-top:10px;display:none' id='jobEdit" +
> j.jobID
> + "'></div></div>";
> if (i > 0)
> {
> div = "<div class='padLine'> </div>" + div;
> }
> $("#panelManageJobView").append(div);
>
> //now register click event on edit link
> $("#editJob" + j.jobID).click(function() {
> alert(j.jobID);
> });
> }
>
> Everything works fine, and is added to the page correctly. I even viewed
> the generated HTML and confirmed that the ID's are correct on each div
> that gets appended. However, when I click on the "edit" link next to each
> item, the alert always shows the last "jobID" that was received in the
> JSON - "3" in this example. I'm expecting to get "1" if I click the first
> edit link, "2" if I click the second, and so on.
>
> Any ideas what I'm doing wrong?
>
> Thanks,
> Chad
>
--
View this message in context:
http://www.nabble.com/Dynamically-added-%22click%22-registration-always-returns-the-last-value-added-tf2812575.html#a7848789
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
