如何在包含div的ul中使用jquery索引？

Question

Using my code I get -1 ... I should get 2 instead.

I need to get the position of an li with class focus within ul without considering the div tags like <div class="clm-XXXX">

How should I change my code? Please note (I cannot change the HTML structure).

http://jsfiddle.net/4bJtr/3/

   <div class="snippet-content">
<ul class="layout-1">
    <div class="clm-1">
        <li>content 1</li>
    </div>
    <div class="clm-1">
        <li>content 2</li>
        <li class="focus">content 3</li>
        <li>content 4</li>
        <li>content 5</li>
    </div>
    <div class="clm-3">
        <li>content 6</li>
        <li>content 7</li>
    </div>
</ul>

Answer 1

This isn't good html, but here's your solution:

http://jsfiddle.net/e7rru/

var result = $('.snippet-content li').index($('.focus'));

Your original selector ( '.snippet-content ul > li.focus' ) wasn't selecting anything to begin with, since there are no li elements directly under ul elements (even though they should be...),

Also, to use index() , you need to send a parameter specifying which element you want the index of. According to the docs , index('.focus') should work, but for some reason in this case it isn't.

Answer 2

var result = $('ul li.focus').index($('.focus'));

/*and index start from 0 not to 1

if you get one it means it is in 2nd position*/

reference index