jquery value of element

Question

why is this not returning value in li? what am i doing wrong?

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

Answer 1

A li doesn't have a value. Only form-related elements such as input, textarea and select have values.

Answer 2

Did you want the HTML or text that is inside the li tag?

If so, use either:

$(this).html()

or:

$(this).text()

The val() is for form fields only.

Answer 3

Most probably, you want something like this:

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

Answer 4

Use .text() or .html()

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

Answer 5

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



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

Your looking for the attribute "value" inside the "li" tag

Answer 6

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