如何在li element JavaScript中获取标签的值

Question

我是JavaScript新手。 完成在线教程后，我将一个TODO应用程序构建为一个项目。

我有这样的HTML结构：

<ul id="list">
            <li class="myCheck"><input type="checkbox" id="check"> 
            <label>Gym</label></li>
</ul>

现在，我将使用JS添加更多li元素，然后使用JSON将其存储在localStorage中。 然后有一个选项可以从列表中删除TODO。

如何获取label元素的文本值，以便可以将其从JSON中删除？

Answer 1

谢谢。 您可以尝试以下操作：

HTML：

<ul id="list">
            <li class="myCheck">
            <input type="checkbox" id="check" name="Gym" value="Gym"> Gym

            </li>
</ul>

Javascript：

$(".myCheck").on('click', function() {
  var value = $(this).parent().find(":checkbox").val();
  // or $(this).sblings().find(":checkbox").val()
  // or $(this).prev().find(":checkbox").val()
  alert(value);
});