How do you access the DOM node in jquery inside of a javascript variable?

Question

I have the following html

<div id="list_item_template"><li><a href="#">Text</a></li></div>

and javascript:

var item = $("#list_item_template").clone();

What I want to do is access the inner <a> tag of the cloned copy and add an attribute. Without cloning I would just do:

$("#list_item_template a").attr("onclick", "SomeFunction()");

However, I need to perform that operation on the cloned copy, not on the html currently on the page. How would I do this?

x1a4 · Accepted Answer · 2010-05-14 04:03:40Z

3

item.find('a'); should do it.

answered May 14, 2010 at 4:03

x1a4

19.5k5 gold badges42 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:18:35Z

2

$("#list_item_template a").attr("onclick", "SomeFunction()");

is not advisable... read this...

use .click() instead...

$("a",item).click(SomeFunction);

CommunityBot

11 silver badge

answered May 14, 2010 at 4:04

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges