如何在jQuery中获取元素值

时间:2009-02-15 20:34:55

标签: jquery

为什么它不会在'li'中返回值?我做错了什么?

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

9 个答案:

答案 0 :(得分:56)

您是否想要li标记内的HTML或文字?

如果是这样,请使用:

$(this).html()

或:

$(this).text()

val()仅适用于表单字段。

答案 1 :(得分:7)

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



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

您在“li”标记

中查找属性“value”

答案 2 :(得分:3)

使用.text()或.html()

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

答案 3 :(得分:2)

李没有价值。只有与表单相关的元素(如input,textarea和select)才有值。

答案 4 :(得分:2)

最有可能的是,你想要这样的东西:

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

答案 5 :(得分:1)

  <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());
            });
        });

答案 6 :(得分:1)

您可以使用jQuery on()执行相同的操作。

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

答案 7 :(得分:0)

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

答案 8 :(得分:0)

要获得li的价值,我们应该使用 $(“#list li”)。click(function(){     var selected = $(this).html();

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

alert(selected);

})