blocks|key|1472904|text|$(".bullets+li+a").click(function(){
+++var+me+=+$(this);
+++var+myIndex+=+$.each($("li",+$(this).parent().parent()),+function(i,+item){
++++++if(item+==+me){
++++++showPic(i);
+++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1472905|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(".bullets li a").click(function(){
 var me = $(this);
 var myIndex = $.each($("li", $(this).parent().parent()), function(i, item){
 if(item == me){
 showPic(i);
 });
});
</code></pre>

blocks|key|1258276|text|$(".bullets+li+a").click(function(){
++++var+myIndex+=+$(this).parent().index();
++++console.log(myIndex);
++++showPic(myIndex);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1258277|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(".bullets li a").click(function(){
 var myIndex = $(this).parent().index();
 console.log(myIndex);
 showPic(myIndex);
});
</code></pre>

blocks|key|1472965|text|我会怎么做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1472966|$(".bullets+li+a").click(function()
++++{
++var+$li+=+$(this).parent();
++var+myIndex+=+$li.parent().children().index(+$li+);
++alert(+myIndex+);
});|code-block|syntax|javascript|1472967|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How I'd do it

<pre><code>$(".bullets li a").click(function()
 {
 var $li = $(this).parent();
 var myIndex = $li.parent().children().index( $li );
 alert( myIndex );
});
</code></pre>

blocks|key|1258337|text|$(this).parent().index();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1258338|短小精悍|1258339|更正:这不是简短和甜蜜的|1258340|从哪里来应该是这样的：|1258341|$(".bullets+li+a").click(function(){
++++var+myIndex+=+$(this).parent().index();
++++console.log(myIndex);
++++showPic(myIndex);
});|code-block|syntax|javascript|1258342|entityMap^0|0|P|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|X|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|Y|8|@]|D|@]|E|$O|P]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

<code>$(this).parent().index();</code>

short and sweet

Correction : this is not short and sweet

from where this comes it should be like:

<pre><code>$(".bullets li a").click(function(){
 var myIndex = $(this).parent().index();
 console.log(myIndex);
 showPic(myIndex);
});
</code></pre>

blocks|key|1473046|text|这是我使用表格创建的解决方案。您可以看到我是如何使用选择器的。我确信它可以更干净，但这就是你：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1473047|++++$('.showColumn').live('click',function()+{
++++++++var+theEl+=+{{id+of+the+element}};
++++++++var+setEl+=+$('th#'+%2B+theEl+%2B+'');
++++++++var+index+=+setEl.index(setEl.parentNode);
++++++++$('table+tr').each(function()+{+
++++++++++++$('th:eq('+%2B+index+%2B+')',this).show();+
++++++++++++$('td:eq('+%2B+index+%2B+')',this).show();
++++++++});
++++});|code-block|syntax|javascript|1473048|cheers.bo|1473049|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Here is a solution I created using tables. you can see how I used the selectors. Im sure it could be cleaner, but here you are:

<pre><code> $('.showColumn').live('click',function() {
 var theEl = {{id of the element}};
 var setEl = $('th#' + theEl + '');
 var index = setEl.index(setEl.parentNode);
 $('table tr').each(function() { 
 $('th:eq(' + index + ')',this).show(); 
 $('td:eq(' + index + ')',this).show();
 });
 });
</code></pre>

cheers.bo

<pre><code>&lt;ul class="bullets"&gt;
 &lt;li&gt;&lt;a href="#"&gt;item 1&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;item 3&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;item 4&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;item 5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

When I click on the <code>&lt;a&gt;</code> element, i'd like to get it's parent <code>&lt;li&gt;</code>'s index number.

I'm trying to create a carrousel type function that doesn't need item-n classes on the list items.

<pre><code>$(".bullets li a").click(function(){

 var myIndex = $(this).parent().index(this);
 showPic(myIndex);

});
</code></pre>

Thanks for any help.

TD.

Get parent index with jQuery

<ul class="bullets"> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> <li><a href="#">item 4</a></li> <li><a...

问使用jQuery获取父索引
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取父索引EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery获取父索引
EN