获取父LI的索引并指定为<;A>;href与jquery
我正在尝试获取父li的索引,并将其分配为我的锚标记中href的一部分。现在,我得到的是a href=“#tab-1”作为我所有的锚,而不是#tab-1、#tab-2等。 这是我的密码:获取父LI的索引并指定为<;A>;href与jquery,jquery,tabs,indexing,parent,Jquery,Tabs,Indexing,Parent,我正在尝试获取父li的索引,并将其分配为我的锚标记中href的一部分。现在,我得到的是a href=“#tab-1”作为我所有的锚,而不是#tab-1、#tab-2等。 这是我的密码: <script type="text/javascript"> $(function(){ $('.jqueryTabs ul li a').attr("href", "#tab" + $(this).parent().index()); }); </script> <div
<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 -->
$(函数(){
$('.jqueryTabs ul li a').attr(“href”,“#tab”+$(this.parent().index());
});
你可以这样做
$(function(){
$('.jqueryTabs ul li a').each(function(){
$(this).attr("href", "#tab" + $(this).parent().index());
});
});
您应该遍历锚点,并为每个锚点获取父LI的索引:
$(function(){
$('.jqueryTabs ul li a').each(function() {
$(this).attr("href", "#tab" + ($(this).parent().index() + 1));
});
});
注意:我添加了“+1”以获得“tab1”、“tab2”。。。index()是从零开始的
您需要在每个选定的
a
上循环,并获取每个a
的父对象的值,否则所有对象都会获得相同的值
请尝试以下方法:
$(function(){
$('.jqueryTabs ul li a').each(function(i, elm) {
$(this).attr("href", "#tab" + $(this).parent().index());
});
});