javascript - 触发了错误的类

Question

我有一个像这样的html:

<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>

请注意上面 html 中的多选 1 和 0现在在我的 js 中，我根据多选应用切换。问题是，当我单击带有 data-multiselect=“1” 的 myclass div 时，它仍然会使用 data-multiselect=0 来获取其上方的 div我该如何修复我的 js 来处理这个问题。这是我的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')
    }
}

Answer 1

$('#jquery-modal').children('.myclass');

将获取 2 个元素(jQuery 对象)

<div class="myclass" data-multiselect="0" 
<div class="myclass" data-multiselect="1" 

因此，当您尝试使用此 var isMultiselect = Selector.data('multiselect'); 时，它将始终获取具有 multiselect=0 的类的第一个实例

因此，您需要提及如何绑定(bind)点击事件，以及如何绑定(bind)该事件将使定位特定类变得更加容易。