更改引用父 href 属性的跨度文本

Posted 2023-05-08

【中文标题】更改引用父 href 属性的跨度文本

【英文标题】：Change span text referring to parent href attribute

【发布时间】：2022-01-07 21:48:33

【问题描述】：

我希望更改 span 上的文本，但我无法按类或 ID 定位，因为它们具有相同的类，我发现的唯一区别是父链接 href 属性， 有什么方法可以针对他们吗？

【问题讨论】：

请将代码复制并粘贴到问题中，而不是图像。我们无法编辑图像中的代码以向您展示正确的方法。要执行您需要的操作，您可以使用 :contains 从其文本中选择 span 元素，或使用 attribute selector 通过 a 上的 href 属性选择。

请查看是否有帮助：jsfiddle.net/KennyChoy/eub8y0gf

您可以使用以下任何一种：属性选择器[href='..'] / 带有.eq(n) 的类选择器 / 带有.text()=="Customers" 的.filter / 一个:contains("Customers") 选择器 - 每个都依赖于其他导航文本以及你需要它有多精确。所有这些都有关于 SO 的现有答案，或者可以从learn.jquery.com

中提取

【参考方案1】：

虽然您可以从实际文本（客户、产品等）中进行选择，因为这是将要更改的内容，但它只会在第一次生效，并且我们不会被告知是否需要多次进行更改。

更可靠的方法是选择 href 及其最终字符串。

在 CSS 中，这可以使用 $ 符号来完成。例如：

a[href$="Customers"]

见MDN。

您添加更多内容以确保您仅定位该列表中的项目。