javascript - 如何用jquery选择特定的<li>获取value的attr值并显示在网站上

Question

我的作业如下:

创建一个事件监听器，以便当您单击任何列表项时，其“value”属性的值将显示在该行旁边。

我的 HTML 和有序列表中有 8 个列表项。值=1,2,3..等 我现在在哪里

$("li").click(function () {

   var value = $("li").attr("value");
   $("#spanFieldId").text(value);

});`

spandFieldId 是列表项值应打印的位置。目前，无论我单击第一个列表项、第二个列表项还是任何其他列表项，它总是打印 1。

所以基本上，我如何让它选择特定的li(我点击的)，用jquery取出value的attr值并将其显示在网站上？ html 中的列表项如下所示

<li value="3">blablablabla</li>
<li value="4">blablablabla</li>
<li value="5">blablablabla</li>

有什么建议吗？

Answer 1

试试这个:

$("li").click(function () {

   var value = $(this).attr("value");
   $("#spanFieldId").text(value);

});