首页 > 解决方案 > 如何添加 target="_blank" 来包装 jquery

问题描述

我正在尝试将 target="_blank" 添加到一个标记中,该标记围绕包含多个元素的列的 ID 进行了包装。

我尝试添加属性 target="blank",但它似乎不起作用。

这是我用 a 标签包装的列。

<div id="loyaltycol1">
This is some text.
<img src="#" alt="A Picture" />
</div>

这是javascript代码。

jQuery(function($) {
$("#loyaltycol1").wrap("<a href='www.examplesite.com'></a>").attr('target','_blank');
});

如何让 a 标签具有 target="_blank"?

标签: jquery

解决方案


您正在尝试将属性添加到 div 而不是锚标记上。有多种方法可以解决这个问题,但这里有一种方法是使用 target 属性创建锚点

jQuery(function($) {
    $("#loyatycol1").wrap(
        $("<a href='www.examplesite.com'></a>").attr('target','_blank')
    )
});

https://jsfiddle.net/1v043km6/

或者只是将它添加到字符串

jQuery(function($) {
    $("#loyatycol1").wrap("<a href='www.examplesite.com' target='_blank'></a>");        
});

https://jsfiddle.net/0v5g9dbr/


推荐阅读