javascript - wrong class is triggered -
i have html this
<div id="jquery-modal" class="close" style="position: absolute; top: 0px; right: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.701961); z-index: 5; height: 653px; background-position: initial initial; background-repeat: initial initial;"> <div class="myclass" data-multiselect="0" style="height: 633px; top: 10px; display: block;"></div> <div class="myclass" data-multiselect="1" style="height: 633px; top: 10px; display: block;"></div> </div>
please notice multiselect 1 , 0 in above html in js applying toggle depending on multiselect. problem when click myclass div data-multiselect="1" still grabs div above data-multiselect=0 how can fix js handle this. here js
function onclickingli(event) { var selector = $('#jquery-modal').children('.myclass'); var ismultiselect = selector.data('multiselect'); if (ismultiselect) { $(event.target).toggleclass('selected'); } else { selector.find('li.selected').removeclass('selected') } }
$('#jquery-modal').children('.myclass');
will fetch 2 elements (jquery objects)
<div class="myclass" data-multiselect="0" <div class="myclass" data-multiselect="1"
so when try use var ismultiselect = selector.data('multiselect');
fetch first instance of class has multiselect=0
so need mention how click event bound , make targeting specific class lot easier.
Comments
Post a Comment