我没有使用jul获得ul li的值

Question

I want to get the value of li of ul using jQuery. Now i got null value. Can anybody give any suggestion?

<ul>
    <li id="1" onClick="page()">1</li>
    <li id="2" onClick="page()">1</li>
</ul>

<script>
    function page() {
        var sss = $(this).html();
        alert(sss);
    }
</script>

Answer 1

You need to pass this to the function:

<ul>
    <li id="1" onClick="page(this)">1</li>
    <li id="2" onClick="page(this)">1</li>
</ul>

function page(el) {
    var sss = $(el).html();
    alert(sss);
}

Or alternatively (and preferably) you can use jQuery itself to attach your events:

<ul>
    <li id="1">1</li>
    <li id="2">1</li>
</ul>

$('li').click(function() {
    var sss = $(this).html();
    alert(sss);
});

Answer 2

You need to pass the current clicked element object:

DOM:

<ul>
 <li id="1" onClick="page(this)">1</li>
 <li id="2" onClick="page(this)">1</li>
</ul>

JS:

function page(obj)
{
 var sss=$(obj).html();
 alert(sss);
}

Working Demo

Answer 3

<ul id="theList">
    <li>1</li>
    <li>2</li>
</ul>

<script>
$(function(){
    $('#theList li').click(function(){
        alert($(this).html());
    });
});
</script>

For a more jquery contained approach

Answer 4

Don't mix jQuery with attribute-based onclick handlers. You separate the event handler from the event registration for no benefit (makes it harder to maintain the page). The jQuery way also supports multiple handlers, even for the same event, on the same elements.

Just do it this way:

<li id="1">1</li>
<li id="2">2</li>

and the code becomes

$('li').click(function(){
   var sss = $(this).html();
    alert(html)
});