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

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -