jQuery select N-th children without type code manually

Question

I have some jQuery code.

$('#keywords').find('input').each(function () {
  if ('-1' != $(this).val().indexOf(ui.item.label)) {
    alert($(this).val());
    $(this).closest('.row').next().children().children().children().val('');
  }
});

I wonder if I can make some shorthand for triple .children() in case I do not "know" class or id of this elem.

try to make it via XPath.. http://stackoverflow.com/questions/6453269/jquery-select-element-by-xpath let me know if you need an example — K D, Jan 24 '17 at 13:30
So you want to get element in level 3? Like `div > div > div` ? — Justinas, Jan 24 '17 at 13:36

K D · Accepted Answer · 2017-01-24T14:15:03.543

1

Considering you want to find <i> tag in following structure.

<div class="row">
</div>
<div>
 <div>
  <span>
    <i>
       Hello Selector
    </i>
  </span>

 </div>
</div>

You can use following script

$(function(){

    var text = $(".row").next().find("div span i").text();
    console.log(text);
});

Working Fiddle

edited Jan 24 '17 at 14:15

answered Jan 24 '17 at 13:50

K D

5,889
1
23
35

1

You have an extra period before `next()` and `li` in the find selector should just be `i`, (or vice versa,but there's no `ul` :P). I couldn't edit due to six character limit, but please consider correcting these. – Quangdao Nguyen Jan 24 '17 at 14:12

jQuery select N-th children without type code manually

1 Answers1