如何使用jQuery自动打开页面上的所有链接
How can I automatically open all the links on a page with jQuery?
我有一个包含10个链接的页面,我想在单击按钮后打开所有链接。
我使用以下代码,这对我不起作用。
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br />
<script type="text/javascript">
$('a').click(function() {
// assign an event to a.onclick
window.open($(this).attr('href') );
});
$('ButtonOne').click(function() {
// when we press <button>, trigger a.onclick
$('a').click();
});
</script>
<button type="button" onclick="ButtonOne">Open Links</button>
$('#ButtonOne').click(function() {
$('a').each(function() {
window.open($(this).attr('href'));
});
});
演示
这听起来是个非常糟糕的主意:)但以下是您可以做到的方法:
$('#ButtonOne').click(function() {
$('a').each(function(){
window.open($(this).attr('href') );
});
});
您还应该删除onclick属性,并将其替换为id="ButtonOne"
。
您的选择器完全错误。应该是…
<button type="button" id='buttonOne'>Open Links</button>
$('#buttonOne').click(function() {
// when we press <button>, trigger a.onclick
$('a').click();
});
你的按钮选择器是错误的,em,你应该通过一个正确的选择器,最好为按钮设置一个id,试试这个
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br />
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br />
<script type="text/javascript">
$('a').click(function() {
// assign an event to a.onclick
window.open($(this).attr('href') );
});
$('#ButtonOne').click(function() {
// when we press <button>, trigger a.onclick
$('a').click();
});
</script>
<button type="button" id="ButtonOne">Open Links</button>
您的$('ButtonOne')中的选择器错误。这是在尝试选择所有元素。如果ButtonOne是一个id,你可以使用$("#ButtonOne"),如果它是一个类,你可以用$("button.ButtonOne")。否则,其他两个响应都是正确的。
相关文章:
- 如何使用jQuery自动打开页面上的所有链接
- 如何在不链接/jquery的情况下使用方法应用css属性数组
- 干净地链接 jQuery ajax 请求
- 在coffeescript中链接jquery方法和参数
- 如何正确链接JQuery并使用.getJSON
- 链接jQuery中的两个元素
- 滚动到活动链接 jQuery
- 如果链接少于 1 个,则计数和隐藏链接.Jquery.
- 获取链接 href 并将其应用于另一个链接 jQuery
- jQuery-检查复选框值(链接jQuery函数与If Statment)
- 在具有固定链尾调用的循环中链接jquery.when().then()
- 更改链接jquery的href
- 使word in变成一个链接jQuery
- 如何在飞行中用文本创建链接?——JQuery初学者
- 检测文本中的超链接- jQuery
- 我如何从现有的第三方控件链接jQuery事件
- 链接JQuery命令
- 如何在点击链接Jquery/JS时将动态内容添加到引导模式中
- 切换单击链接jquery时不关闭
- 如何知道点击了哪个链接[jQuery]