如何在jQuery中获取元素值

Question

为什么它没有返回'li'内的值？我做错了什么吗？

$("#list li").click(function() {
    var selected = $(this).val();
    alert(selected);
})

- zsharp

---

你想要做什么？你的HTML列表是什么样子的？ - markt

Answer 1

您想获取包含在li标签内的HTML或文本吗？

如果是这样，请使用以下任一选项：

$(this).html()

或：

$(this).text()

val() 方法适用于表单字段。

- Jason Cohen

---

"form fields" 是什么意思？你能给我一个例子吗？谢谢。 - stack

Answer 2

<ul id="unOrderedList">
<li value="2">Whatever</li>
.
.



 $('#unOrderedList li').click(function(){
      var value = $(this).attr('value');
     alert(value); 
  });

你需要在“li”标签内找到属性“value”。

- Daxon

Answer 3

使用 .text() 或 .html() 方法。

$("#list li").click(function() {
        var selected = $(this).text();
        alert(selected);
});

- Mark Hurd

Answer 4

li元素没有值。只有与表单相关的元素，如input、textarea和select才有值。

- Svante Svenson

Answer 5

很可能，你想要这样的东西：

$("#list li").click(function() {
        var selected = $(this).html();
        alert(selected);
});

- Dreas Grech

Answer 6

  <div class="inter">
      <p>Liste des Produits</p>
      <ul>
          <li><a href="#1">P1</a></li>
          <li><a href="#2">P2</a></li>
          <li><a href="#3">P3</a></li>
      </ul>
  </div>

        $(document).ready(function(){
            $(".inter li").bind(
            "click", function(){
                alert($(this).children("a").text());
            });
        });

- fanick

Answer 7

您可以使用jQuery on() 来实现相同的功能。

$("#list").on('click','li',(function() {
    var selected = $(this).text();   //or .html()
    alert(selected);
})

- Mr_Green

Answer 8

$("#list li").click(function() {
        var selected = $(this).html();
        alert(selected);
});

- harry

Answer 9

获取li的值，我们应该使用 $（“#list li”）。click（function（）{ var selected = $（this）.html（）;

或者

var selected = $(this).text();

alert(selected);

})

- Itisha-systematix