I want to remove all options but the first from my <select/>. I understand that children() would not work recursively.
Is there any difference between
$('#mySelect :gt(0)').remove();
and
$('#mySelect').find(':gt(0)').remove();
?
2 Answers
Shockingly I can't find a duplicate of this question, all the others are about speed.
There's no significant difference in the two lines of code you've quoted, no.
answered Oct 10, 2015 at 13:50
-
1That's it, you can add the comments(from Pranav) text in answer, that's helpful– TusharCommented Oct 10, 2015 at 13:51
-
1ikr!! that's kinda the reason for me asking that, honestly. :p– phil294Commented Oct 10, 2015 at 13:52
-
Check this 24ways.org/2011/your-jquery-now-with-less-suck please read the first section Selector speed: fast or slow?– TusharCommented Oct 14, 2015 at 4:59
find() method is useful if we already have parent element reference:
var parentElement = $('#mySelect');
/*
* there is some code..
* do some thing on parent
*/
Now if we want to get parentElement's children we can use either
parentElement.find('.xtz'); or $('.xtz',parentElement)
rather than using complete selector either
$('#mySelect .xtz'); or
$('#mySelect').find('.xtz');
answered Oct 10, 2015 at 14:29
-
Context selector can also be used in this case,
$('.xyz', parentElement);– TusharCommented Oct 10, 2015 at 14:31
end(), to get#mySelectclosest.(find)so it's more efficient. stackoverflow.com/questions/12674591/…