Как получить значение элемента в jQuery

Question

Почему он не возвращает значение в 'li'? Что я делаю не так?

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

Answer 1

Вам нужен HTML или текст, который находится внутри тега li?

Если это так, используйте:

$(this).html()

или

$(this).text()

val() только для полей формы.

Answer 2

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



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

Вы ищете атрибут "value" внутри тега "li"

Answer 3

Используйте .text () или .html ()

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

Answer 4

Скорее всего, вы хотите что-то вроде этого:

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

Answer 5

У li нет значения. Только связанные с формой элементы, такие как input, textarea и select, имеют значения.

Answer 6

Вы можете сделать то же самое, используя jQuery on () .

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

Answer 7

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

Answer 8

Чтобы получить значение li, мы должны использовать $ ("# list li"). click (function () { var selected = $ (this) .html ();

или

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

alert(selected);

})

Answer 9

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