Question

我没有做任何事情。但是想问一下我是否有办法实现这个功能。

我在WordPress网站上有一个循环，其输出是这样的：

<div class="dummy">
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
</div>

您可以在此注意到所有网址都相同。

所以我想知道的是，如果有办法我可以使用javascript将第3或第4个锚标记重定向到http://facebook.com之类的其他网址？

如果有任何可能的方式，请告诉我。我很好奇。

提前谢谢。

Answer 1

为每个锚标记提供id。

<div class="dummy">
    <a id="anchor_1" href="http://google.com">Text Here</a>
    <a id="anchor_2" href="http://google.com">Text Here</a>
    <a id="anchor_3" href="http://google.com">Text Here</a>
    <a id="anchor_4" href="http://google.com">Text Here</a>
    <a id="anchor_5" href="http://google.com">Text Here</a>
</div>

然后使用以下javascript代码选择所需的元素并更改其href属性。

<script>
    document.getElementById("anchor_5").href = "http://www.facebook.com";
</script>

修改

如果您的网站仅包含这些锚标记，那么您可以获取所有锚标记，然后使用索引选择最后一个（或任何其他所需）。

以下是示例代码

var anchors = document.getElementsByTagName("a"); var lastAnchor = anchors[(anchors.length - 1)];

在其他情况下，如果您需要此特定div的锚标记列表。（假设只有一个div具有此类名称）

var ancestor = document.getElementsByClassName('dummy')[0]; var descendents = ancestor.getElementsByTagName('a'); descendents[4].href="http://facebook.com"

希望这会有所帮助。如果有问题，请告诉我。

Answer 2

只需选择您想要更改的a标记，使用最合理的方法，只需element.href = "www.example.com"

＆＃13;

var first = document.getElementById("first");
first.href = "http://stackoverflow.com"

＆＃13;

<div class="dummy">
    <a id="first" href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
    <a href="http://google.com">Text Here</a>
</div>

＆＃13;

使用JavaScript添加指向锚标记的链接

2 个答案: