基于单击的HTML类运行Javascript

我正在编写一个小脚本：）

如果span标记只包含

自动完成项

和不包含

自动完成项autocompleteitemwithcontainer

，则它将显示单词

hello

。现在，它会显示以下两种情况的

hello

：(

演示：

如何更新代码以执行此操作？

试试这个

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

试试这个

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

---

它们都有

.autocompleteitem

类！若要获取所需内容，请使用不同的选择器，该选择器仅适用于第一个选择器：

$（文档）.ready（函数（）{
$（文档）。在（'click'，'.autocompleteitem:not（'autocompleteitemwithcontainer'）上，函数（）{
$（“div”）.show（）；
});
});

它们都有

.autocompleteitem

类！要获得所需内容，请使用不同的选择器，该选择器仅适用于第一个选择器：

$（文档）.ready（函数（）{
$（文档）。打开（'单击'，'.autocompletItem:not（.autocompleteitemwithcontainer”）、函数（）{
$（“div”）.show（）；
});
});

试试这个

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

试试这个

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

---

使用属性选择器语法。这将允许您直接匹配整个属性。这样，您就不必为不希望被选择的每件事情进行一系列不同的组合

选择器示例：

jQuery（'[class=“autocompleteetem”]'）

工作示例：

$（文档）.ready（函数（）{
$（文档）。在（'click'，'class=“autocompleteetem”]'上，函数（）{
$（“div.containertoshow”）.toggle（）；
});
})；

该按钮确实可以打开/关闭我！

使用属性选择器语法。这将允许您直接匹配整个属性。这样，您就不必为不希望被选择的每件事情进行一系列不同的组合

选择器示例：

jQuery（'[class=“autocompleteetem”]'）

工作示例：

$（文档）.ready（函数（）{
$（文档）。在（'click'，'class=“autocompleteetem”]'上，函数（）{
$（“div.containertoshow”）.toggle（）；
});
})；

这个按钮确实能让我开/关！

哇-太棒了。谢谢你，伊利亚：-）哇-太棒了。谢谢你，伊利亚：-）