时间戳

首页 > 解决方案 > 如何正确编写 jquery 脚本

jquery - 如何正确编写 jquery 脚本

问题描述

我一直在尝试更改出现在 html 列表中的各种链接的文本。

我想做的是： 所以在这个小提琴中，使用jQuery - 我想去#athletic-group-dropdown，在第一个ul中将第二个li中的'a'文本从“News”更改为“概述”

我尝试了各种脚本，这让我最接近，但是：

jQuery( “#athletic-group-dropdown ul li:nth-child(2)").addClass( "overview-switch" );
jQuery(".overview-switch a:contains(‘News’)”).html(“Overview”);


jQuery("#athletic-group-dropdown ul li:nth-child(2) ").addClass("overview-switch");
jQuery(".overview-switch-lst a:contains('News')").html("Overview");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="athletic-group-dropdown">
  <ul class="athletic-menu">
    <li>Tea</li>
    <li><a href="#">News</a></li>
    <li>Milk</li>
  </ul>

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

  <ul class="athletic-menu">
    <li><a href="#">News</a></li>
    <li>Apple</li>
    <li>Pear</li>
    <li>Grape</li>
  </ul>
</div>
我尝试了几个具有各种问题的脚本，但我与上述内容很接近，但它更改了几个链接而不是我想要的特定链接。

任何帮助将不胜感激。

这只是一个示例列表，在实际页面中有 6 列链接，所以我希望能够通过 ID 选择所需的列，然后进入 ul/li，找到“a”并更改它文本。

标签： jquery

解决方案

这里的完美解决方案 - 真正干净，简洁和灵活：

$("#athletic-group-dropdown ul:eq(1) li:eq(2) a")
    .text("not peaches")
    .attr("href", "http://google.com");

推荐阅读