如何正确使用jquery第n个子项更改链接的文本

如何正确使用jquery第n个子项更改链接的文本,jquery,Jquery,我再次问这个问题,希望它不那么复杂: 在本例中,如何正确使用jquerys第n个子项来更改特定链接的文本 <div id="athletic-group-dropdown"> <ul class="athletic-menu"> <li><a href="#">News</a></li> <li><a href="#">Tea</a></li> &

我再次问这个问题,希望它不那么复杂:

在本例中,如何正确使用jquerys第n个子项来更改特定链接的文本

<div id="athletic-group-dropdown">        
<ul class="athletic-menu">
  <li><a href="#">News</a></li>
   <li><a href="#">Tea</a></li>
  <li><a href="#">Milk</a></li>
</ul>  

<ul class="athletic-menu">
  <li><a href="#">Coffee</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Peaches</a></li>
</ul> 

<ul class="athletic-menu">
  <li><a href="#">Car</a></li>
  <li><a href="#">Apple</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Grape</a></li>
</ul> 
</div>

你的链接不具体。您有3组3个链接。可以这样想,因为您需要知道在哪里可以更改特定的
元素。他们需要有
id
。您的小提琴正在工作您正在更改
运动组下拉列表的子元素
a
的文本值

第一个子菜单是
运动菜单
,它包含3个
a
元素

/$(“.athletic menu li:first child”).addClass(“概览开关”).find(“a”).text(“概览”);//都是元素
//$(“.athletic-menu1 li:first child”).addClass(“概览开关”).find(“a”).text(“概览”);//首先是运动型菜单的元素1
$(“#item1”).addClass(“概览开关”).text(“概览”);
$(“#item2”).addClass(“概览开关”).text(“概览”);
$(“#item3”).addClass(“概览开关”).text(“概览”)
。概览开关{
背景色:#212121;
颜色:#ffffff;
}


您的链接不具体。您有3组3个链接。可以这样想,因为您需要知道在哪里可以更改特定的
元素。他们需要有
id
。您的小提琴正在工作您正在更改
运动组下拉列表的子元素
a
的文本值

第一个子菜单是
运动菜单
,它包含3个
a
元素

/$(“.athletic menu li:first child”).addClass(“概览开关”).find(“a”).text(“概览”);//都是元素
//$(“.athletic-menu1 li:first child”).addClass(“概览开关”).find(“a”).text(“概览”);//首先是运动型菜单的元素1
$(“#item1”).addClass(“概览开关”).text(“概览”);
$(“#item2”).addClass(“概览开关”).text(“概览”);
$(“#item3”).addClass(“概览开关”).text(“概览”)
。概览开关{
背景色:#212121;
颜色:#ffffff;
}

如何正确使用jquerys第n个子项来更改特定链接的文本

n个子项
不是此场景的最佳解决方案

如果您知道要更改的特定项目(并且不想更改任何其他项目),则直接针对该项目:

$("#athletic-group-dropdown ul:eq(1) li:eq(2) a")
    .text("not peaches")
    .attr("href", "http://google.com");
第n个child用于指向多个元素,例如将所有first li加粗(也可以使用:first child,仅举一个例子)


如何正确使用jquerys第n个子项来更改特定链接的文本

n个子项
不是此场景的最佳解决方案

如果您知道要更改的特定项目(并且不想更改任何其他项目),则直接针对该项目:

$("#athletic-group-dropdown ul:eq(1) li:eq(2) a")
    .text("not peaches")
    .attr("href", "http://google.com");
第n个child用于指向多个元素,例如将所有first li加粗(也可以使用:first child,仅举一个例子)



您所说的“可能需要”是什么意思?你需要还是不需要?不要使用卷曲引号
而不是单引号或双引号。为什么你不选择第一个、第二个或第三个无序列表,而不是执行你发布的奇怪的两步操作?为什么你觉得需要使用
第n个孩子
?这只是为了学习目的吗?如果不是,最好使用
.eq(0)
n个孩子
通常是当您想要更改多个记录时(例如,表中的整列,或者,在您的情况下,牛奶、桃子和新闻一起(
:n个孩子(2)
)。同样,您的第二次“尝试”甚至不包括第n个孩子,所以你真的不清楚你想要达到什么或者为什么。关于你的另一个问题()-如果你想改变一个特定的项目,并且你知道它是哪个项目,那么你可以直接访问它,例如
$(“#体育组下拉列表ul:eq(1)li:eq(2)
)。文本(“不是桃子”)`(基于零,所以第一项是
.eq(0)
)-如果您已经限制到特定的父项,则无需使用
n子项
。哇,freedom-m-这很有效,但有一件事,此脚本仅删除一个实际url来更改文本。freedom-m-我只需在html()中添加整个url,如.html(“”)所示。您的意思是什么可能需要“?是否需要?不要使用卷曲引号
而不是单引号或双引号。为什么你不选择第一个、第二个或第三个无序列表,而不是执行你发布的单数两步操作?为什么你觉得需要使用第n个child
?它只是为了学习目的吗?如果不是,最好使用
.eq(0)
nth child
通常是当您想要更改多个记录时(例如表中的一整列,或者,在您的情况下,牛奶、桃子和新闻一起(
:nth child(2)
))。同样,您的第二次“尝试”甚至不包括
nth child
),所以您真的不清楚要做什么
$("#athletic-group-dropdown ul li:nth-child(0) a").wrap("<b>")