Menu
How to select a node after $(this) that matches a certain selector?
eg:
<textarea id="foo"></textarea>
<a href="#">someLink</a>
<a href="#">someOtherLink</a>
<textarea id="bar"></textarea>
With out directly selecting #bar via $("#bar"), how can i select it from within #foo?
984
The :first selector selects the first element. Note: This selector can only select one single element. Use the :first-child selector to select more than one element (one for each parent). This is mostly used together with another selector to select the first element in a group (like in the example above).
The jQuery #id selector uses the id attribute of an HTML tag to find the specific element. An id should be unique within a page, so you should use the #id selector when you want to find a single, unique element.
slice() method constructs a new jQuery object containing a subset of the elements specified by the start and, optionally, end argument. The supplied start index identifies the position of one of the elements in the set; if end is omitted, all elements after this one will be included in the result.
jQuery next() Method The next() method returns the next sibling element of the selected element. Sibling elements are elements that share the same parent. The DOM tree: This method traverse forward along the next sibling of DOM elements.
Use the nextAll() method:
$("#foo").nextAll("textarea").first();
Or:
$("#foo").nextAll("textarea:first");
Or even:
$("#foo").nextAll("textarea:eq(0)");
Check out siblings()
$('#foo').siblings('textarea:first').addClass('found');
jsbin demo here
31
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
