jQuery :not() selector nesting -
i have html mark up:
<div> <ul> <li> <div id="fieldwrap18" class="fieldsettings full" data-dependent="{19}" data-dependson=""> <input id="field_0_18" name="field_0_18" type="checkbox" value="true"> <input name="field_0_18" type="hidden" value="false"> yes </div> </li> <li> <div id="fieldwrap19" class="fieldsettings full" data-dependent="" data-dependson=""> <input id="field_0_19" name="field_0_19" type="checkbox" value="true"> <input name="field_0_19" type="hidden" value="false"> no </div> </li> </ul> </div> i'm trying select "yes" field using selector (i must use data-dependent attribute)
$('div:not([data-dependent=""]) input:not([type="hidden"])').on('change', function () { alert('yep!'); }); however selecting both input fields. how select non-empty data-dependent non-hidden input? here's jsfiddle non-working code. know selector breaks because of parent div doesn't have data-dependent attribute, don't know how structure selector ignore div while grabbing 1 has attribute. help.
try selector:-
demo
$(document).ready(function () { $('div[data-dependent]') .not('[data-dependent=""]') .find('input:not([type="hidden"])') .on('change', function () { alert('yep!'); }); });
Comments
Post a Comment