jQuery: How to determine the index of <li> element in an unordered list when clicked?
Question
I want to know the index of the clicked li element in the unordered list. How to achieve this with jQuery?
4 answers
solution1
3 2012-04-26 10:51:33
$('ul li').on('click', function(ev) {
var index = $(this).index();
});
solution2
2 2012-04-26 10:51:51
$( 'li' ).on( 'click', function() {
$( this ).index()
} )
solution3
2 2012-04-26 10:53:21
this ? http://api.jquery.com/index/
<head>
<style>
div { background:yellow; margin:5px; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<span>Click a div!</span>
<div>First div</div>
<div>Second div</div>
<div>Third div</div>
<script>
$("div").click(function () {
// this is the dom element clicked
var index = $("div").index(this);
$("span").text("That was div index #" + index);
});
</script>
</body>
</html>
code from Jquery Api
solution4
0 2012-04-26 10:57:43
Just do this way:-
$('li').click(function() {
alert($(this).index());
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to put the retrieved <li> element of an unordered list at the end of another unordered list using JQuery?
How to get index of <li> element when element inside it clicked?
How to get a value of inner element when clicked on li using JQuery
jQuery - Get numeric position/index of spcific <li> in an unordered list
How to change active class on li element in JQuery and redirect the user to the specified page when li elelment is clicked?
How to program the buttons beside my unordered list elements to delete its associate list element when clicked?
How to select the li element when clicked?
How to select the li element when clicked with on input
Styling specific <li> element in unordered list <ul>
How can I use JavaScript to add CSS styles to a list element when clicked, but remove it when another li item is clicked?
Related Tags