时间戳

首页 > 解决方案 > 是否可以在我知道使用 Query 的 href 的锚标记内附加页面标题？

jquery - 是否可以在我知道使用 Query 的 href 的锚标记内附加页面标题？

问题描述

我在页面中有一个锚标记：

<a href="#cost">Item Cost</a>

页面标题是New York

我想在锚标记中附加页面标题：

<a href="#cost">Item Cost in New York</a>

href 为#cost且内部文本为的所有锚标记Item Cost

我无法在 PHP 中编辑页面，因为它是使用页面构建器在 Wordpress 中制作的。我只能使用 jQuery / javascript 在客户端编辑文本。

可以使用jQuery完成吗？

标签： jquery

解决方案

您可以使用和 使用自定义选择器找到a元素：然后将页面标题连接到这些元素。attribute selector:contains jQuery$('a[href="#cost"]:contains("Item Cost")')

这是一个演示：

$(() => {
  $('a[href="#cost"]:contains("Item Cost")').text('Item Cost ' + $(document).find('title').text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title>in New York</title>
<a href="#cost">Item Cost</a>
<a href="#cost">Item Cost</a>

推荐阅读