Get value of List Item with jQuery

Question

How to get value and index of list item onClick event with jQuery?
For example:

<ul id='uItem'>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

Answer 1

If you had set a value attribute for your li:

    <ul id='uItem'>
    <li value="item1">Item 1</li>
    <li value="item2">Item 2</li>
    <li value="item3">Item 3</li>
    <li value="item4">Item 4</li>
    </ul>

, then you can retrieve it using jQuery like this:

$('#uItem li').click(function(){
    var $this = $(this);
    var selKeyVal = $this.attr("value");
    alert('Text ' + $this.text() + 'value ' + selKeyVal);
})