I have a question regarding jQuery 1.12. I am attempting to target an element within $(this).
$(".select").bind('keydown', function(event) {
elt = $(this)[0];
console.log(elt.outerHTML);
elt = $(this)[0].search("li")
console.log(elt.length);
switch(event.keyCode){
// case up
case 38:
break;
case 40:
break;
}
});
Although the first list displays:
<div class="select" tabindex="1" style="width: 235px;"><select class="selectField selectMenu form-control select-hidden" name="user[address_attributes][state_id]" id="user_address_attributes_state_id" style="">
<option value="">Select State</option>
<option value="3526">Alabama</option>
<option value="3556">Alaska</option>
...
</ul></div>
displaying multiple "li" elements, when attempting to select the first "li" element using:
elt = $(this)[0].search("li")
an error occurs:
TypeError: $(...)[0].search is not a function
To solve this issue and select the initial "li" element within $(this), how can it be achieved? To further illustrate the problem, a Fiddle has been created - http://jsfiddle.net/cwzjL2uw/14/.