獲取父LI的索引並將其指定爲<A> href與jquery

我正在嘗試獲取父li的索引並將其作爲href的一部分分配給我的定位標記。目前，所有我得到的是A HREF = 「＃標籤-1」爲我所有的錨，而不是標籤＃1，＃標籤-2等這裏是我的代碼：獲取父LI的索引並將其指定爲<A> href與jquery

<script type="text/javascript"> 
$(function(){ 
    $('.jqueryTabs ul li a').attr("href", "#tab" + $(this).parent().index()); 
}); 
</script> 
<div class="jqueryTabs"> 

<ul> 
    <li><a href="#">Overview</a></li> 
    <li><a href="#">Details</a></li> 
    <li><a href="#">Downloads</a></li> 
    <li><a href="#">Video</a></li> 
    <li><a href="#">Contact Us</a></li> 
</ul> 

<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 

</div><!-- jqueryTabs -->

來源

2012-02-27 hbowman

你需要遍歷每個選定a，並獲得價值每個個人a的父母，否則全部獲得相同的價值。

試試這個：

$(function(){ 
    $('.jqueryTabs ul li a').each(function(i, elm) { 
     $(this).attr("href", "#tab" + $(this).parent().index()); 
    }); 
});

來源

2012-02-27 16:30:15

大，即工作。謝謝！ – hbowman 2012-02-27 16:33:15

@ hbowman我的榮幸！ – 2012-02-27 16:34:14

你可以做

$(function(){ 
    $('.jqueryTabs ul li a').each(function(){ 
     $(this).attr("href", "#tab" + $(this).parent().index()); 
    }); 
});

來源

2012-02-27 16:28:35

你應該通過錨迭代，併爲他們每個人得到父李指數：

$(function(){ 
    $('.jqueryTabs ul li a').each(function() { 
     $(this).attr("href", "#tab" + ($(this).parent().index() + 1)); 
    }); 
});

注意：我已經添加了「+ 1」得到「TAB1」，「TAB2」 ...指數（）是從零開始

DEMO

來源

2012-02-27 16:29:37

獲取父LI的索引並將其指定爲<A> href與jquery

回答

相關問題