【问题标题】:How to replace href inside of <li> using jQuery如何使用jQuery替换<li>中的href
【发布时间】:2015-08-31 05:32:43
【问题描述】:

我正在尝试转换来自内容持有者的一段代码。我需要使用jQuery修改&lt;LI&gt;标签中的href。

目前代码如下:

<li id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationListItem" class="NavigationListItem">
    <a id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationLink" class="NavigationLink" href="/Public/Cart/Core/cart/MyCart.aspx?hkey=70255604-fa6d-48b6-874e-ddb636d4f3ed">
        <span class="nav-text">
        Cart
        <span class="cartFull">
        <span class="cartLeft cartSprite"></span>
        <span class="cartCenter cartSprite">
        <span>1</span>
        </span>
        <span class="cartRight cartSprite"></span>
        </span>
        </span>
    </a>
</li>

我需要将其修改为如下所示:

<li id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationListItem" class="NavigationListItem">
    <a id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationLink" class="NavigationLink" href="/Public/Cart">
        <span class="nav-text">
        Cart
        <span class="cartFull">
        <span class="cartLeft cartSprite"></span>
        <span class="cartCenter cartSprite">
        <span>1</span>
        </span>
        <span class="cartRight cartSprite"></span>
        </span>
        </span>
    </a>
</li>

我尝试了这个网站上的各种建议,但到目前为止都没有奏效。

【问题讨论】:

  • 转换规则是什么?
  • 试试这个? $('li a').href='/Public/Cart'
  • “我尝试了这个网站上的各种建议,但到目前为止都没有奏效。” 请将其添加到您的问题中,因此至少我们不会重复你的努力。
  • 你读过一点 jQuery 文档吗?

标签: jquery replace html-lists href


【解决方案1】:
 $("li #ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_Navigat‌​ion‌​Link").attr("href", "/Public/Cart")

【讨论】:

  • 我只想修改 ID 为“'ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationLink'”的 LI 标签。您能否修改您的答案以缩小范围。
  • @Tim 然后通过 id $("#ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_Navigation‌​Link").attr("href", "/Public/Cart")找到那个元素
  • 那行不通。 id 附加到 LI 标签上。但我需要更改嵌套在 A 标记中的 href。 LI 标签本身没有 href 属性。
  • @Timt 只有一个元素具有该 ID,即 a,它具有 href 属性。但我用更具体的选择器改变了我的答案
猜你喜欢
  • 2019-08-05
  • 2014-01-06
  • 1970-01-01
  • 2017-02-26
  • 1970-01-01
  • 2011-04-28
  • 2021-04-14
  • 1970-01-01
  • 2013-07-28
相关资源
最近更新 更多