Handle html element click function in JQuery [duplicate]

Question

I have a function which handles a click function for an element:

proot.find("li.ls-child-true").children('div').click(function (e) {
});

My problem is I would like to handle click function on a div child element.

The div looks like this:

<div><a>not clickable</a><a>clickable</a></div>

So, I would like to handle the second anchor click function only, I tried to use this code, but it's not working:

proot.find("li.ls-child-true").children('div').children('a')[1].click(function (e) {
});

Can anybody help to me? Thanks in advance!

Satpal · Accepted Answer · 2017-04-12 13:26:39Z

3

Use .eq()/:eq() instead of [1], Note [] will return reference to DOM element which don't have access to jQuery methods

proot.find("li.ls-child-true").children('div').children('a').eq(1).click(function (e) {
});

You can improve your selectors

proot.find("li.ls-child-true > div >a:eq(1)").click(function (e) {
});

answered Apr 12, 2017 at 13:26

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Answer 1