使用 Jquery 打开页面上的第二个链接

发布于 2024-12-07 13:48:02 字数 859 浏览 0 评论 0原文

我正在尝试使用 Jquery 在新页面中打开我的页面上的链接。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a:eq(0)").attr("target","_blank");
});
</script>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<a href="http://google.com">I live in Duckburg</a>
<p>My best friend is Mickey</p>
Who is your favourite:
<ul id="choose">
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</body>
</html>

（上次编辑时复制了错误的代码，这是我现在使用的代码。这是在页面加载时通过 JavaScript 执行的，该 JavaScript 调用了一堆其他加载时的东西。）

我有所有其他代码到位，但这仍然无法正常工作。

但此代码仍会在同一窗口中打开第二个链接。有人可以帮忙吗？

原文

I am trying to open a link on my page in a new page with Jquery.

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a:eq(0)").attr("target","_blank");
});
</script>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<a href="http://google.com">I live in Duckburg</a>
<p>My best friend is Mickey</p>
Who is your favourite:
<ul id="choose">
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</body>
</html>

(copied wrong code on last edit this is the code I am using now. This is executed at page load time via a javascript that calls a bunch of other load time things.)

I have all the other code in place, and this continues to not work properly.

But this code still opens the second link in the same window. Can anyone help?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

那伤。 2024-12-14 13:48:02

将 eq(2) 更改为 eq(1)，因为 eq() 从索引 0 开始，并且还使确保在 DOM 准备好后更改属性

<html>
<script>
$(function(){    $("a:eq(1)").attr("target", "_blank");  });
</script> 
<body>
<a href="http://cnn.com">CNN</a><br />
<a href="http://google.com">Google</a>
</body>
</html>

Change eq(2) to eq(1), because eq() starts from index 0 and also make sure you change attributes after DOM is ready

<html>
<script>
$(function(){    $("a:eq(1)").attr("target", "_blank");  });
</script> 
<body>
<a href="http://cnn.com">CNN</a><br />
<a href="http://google.com">Google</a>
</body>
</html>

回复收藏 0 原文

韬韬不绝 2024-12-14 13:48:02

等到链接实际存在之后再尝试修改它，并从 0 而不是 1 开始计数。

（未经测试）：

<html>
<body>
<a href="http://cnn.com">CNN</a><br />
<a href="http://google.com">Google</a>
<script>
$("a:eq(1)").attr("target", "_blank");
</script>
</body>
</html>

Wait until after the link actually exists before trying to modify it and start counting from 0 not 1.

(Untested):

<html>
<body>
<a href="http://cnn.com">CNN</a><br />
<a href="http://google.com">Google</a>
<script>
$("a:eq(1)").attr("target", "_blank");
</script>
</body>
</html>

回复收藏 0 原文

说谎友 2024-12-14 13:48:02

eq 引用一个元素数组。数组以索引 0 开头，因此您需要查找索引为 1 的元素

$(function(){
    // wait for the DOM to load.
    $("a").eq(1).attr("target", "_blank");
});

请参阅此处 http://api.jquery.com/eq/

这是一个基于您的代码的工作示例。 http://jsfiddle.net/3wz9a/2/

eq references an array of elements. Arrays start with the index of 0, so you will want to look for the element with an index of 1

$(function(){
    // wait for the DOM to load.
    $("a").eq(1).attr("target", "_blank");
});

Look here for reference http://api.jquery.com/eq/

Here is a working example based on your code. http://jsfiddle.net/3wz9a/2/

回复收藏 0 原文

~没有更多了~

关于作者

小女人ら

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

使用 Jquery 打开页面上的第二个链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

使用 Jquery 打开页面上的第二个链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。