Question

我有一个我正在处理的小脚本：）

想法是，如果span标记只包含autocompleteitem而不 autocompleteitem autocompleteitemwithcontainer那么它会显示单词{{1 }}。现在它为两者显示hello :(

hello

如何更新我的代码才能执行此操作？

Answer 1

试试这个

'click','.autocompleteitem:not(.autocompleteitemwithcontainer)'

Answer 2

他们都有.autocompleteitem课程！要获得所需内容，请使用另一个选择器，该选择器仅适用于第一个：

$(document).ready(function() {
  $(document).on('click','.autocompleteitem:not(".autocompleteitemwithcontainer")',function(){
    $("div").show();
  });
});

Answer 3

试试这个

$(document).ready(function() {
    $("span").on('click', function(){
        if(this.className == "autocompleteitem")
            $("div").show();
     });
});

Answer 4

使用属性选择器语法。这将允许您直接匹配整个属性。这样您就不必为每个不想被选中的东西制作一堆不同的组合。

示例选择器：$(document).ready(function() { $(document).on('click','[class="autocompleteitem"]',function(){ $("div.containertoshow").toggle(); }); });

工作示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#" class="autocompleteitem">Should work</a><br>
<a href="#"class="autocompleteitem autocompleteitemwithcontainer">Should not work</a>

<div class="containertoshow" style="display:none;">That button does toggle me on/off!</div>

SyncUser.current!.isAdmin

根据单击的HTML类运行Javascript

4 个答案: