Javascript 使用JS使文本可点击

这是我的HTML代码

<li id="one" class="hot">figs <div class="closeit">[x]</div></li>
<li id="two" class="hot">pine nuts<div class="closeit">[x]</div></li>
<li id="three" class="hot">honey<div class="closeit">[x]</div></li>

图[x] 松子[x] 蜂蜜[x] 我想做的是使这个“[x]”可点击，当我点击它时，这个li将被隐藏。那么如何在JS中实现呢？ 非常感谢您的帮助。

您只需使用jquery的功能即可

像下面这样

$（'.closeit'）。单击（函数（）{
$（this.hide（）；
})

图[x]
松子[x]
蜂蜜[x]

---

下面是一个使用jQuery的工作示例（您在标签中提到了它）

它向[x]div的“click”事件添加一个侦听器，并隐藏父li

您应该学习jQuery DOM事件的更多信息

$（'.closeit'）。在（'click'，function（）上{
$（this.parent（）.hide（）；
});


图[x]
松子[x]
蜂蜜[x]
添加JS代码：

$('.closeit a').click(function(){
    $(this).hide()
})

在您的HTML中：

<li id="one" class="hot">figs 
    <div class="closeit">
        <a>[x]</a>
    </div>
</li>

图
[x]

无花果[x]

松果[x]

蜂蜜[x]

添加有问题的

html

代码本身。完全不需要该元素，只需使用OP html检查我的答案是否有可用代码code@xShirase我添加了一个反馈给用户，这是一个可点击的元素，但不需要“为真”。更改指针的css规则可以实现以下目的：p@xShirase没错，但只是为了不让事情变得更复杂：）@james请参阅更新的答案

<li id="one" class="hot">figs 
    <div class="closeit">
        <a>[x]</a>
    </div>
</li>