开发者

How to put target="_blank" in jQuery?

I tried many variations to put target="_blank" in links with jQuery, but I can't get it to work.

Here's my code:

var thumbfile = "<?php echo $smit_iturl_v; ?>";
jQuery(document).ready(function () {
    var actualHost = jQuery.trim(jQuery.url.attr("host"));
    jQuery("a img").each(function (i) {

        if (jQuery.trim(jQuery.url.setUrl(jQuery(this).attr("src")).attr("host")) == actualHost &&      
            (jQuery.url.setUrl(jQuery(this).attr("src")).attr("path")).indexOf("wp-content") != -1 &&

            isImage(jQuery.url.setUrl(jQuery(this).attr("src")).attr("file"))) {

            var parentTag = jQuery(this).parent().get(0).tagName;
            parentTag = parentTag.toLowerCase();

            if (parentTag == "a" &&
            jQuery.url.setUrl(jQuery(this).parent().attr("href")).attr("host") == actualHost &&
            jQuery.url.setUrl(jQuery(this).parent().attr("href")).attr("path").indexOf("wp-content") != -1 &&
            isImage(jQuery(this).parent().attr("href"))) {

                var description = (jQuery(this).attr("alt") == "") ? jQuery(this).attr("title") : jQuery(this).attr("alt");
                jQuery(this).parent().attr("href", thumbfile +
                        "?title=" + jQuery(this).attr("title") +
                        "&description=" + description +
                        "&url=" + stripDomain(jQuery(this).parent().attr("href"))

                );
            }
   开发者_StackOverflow社区     }
    });

How can I do it?


Too much information! This should work fine:

$("a").attr("target","_blank");

See the example here http://jsbin.com/evexi/edit. It works perfectly.


Since you are iterating over the image elements that are childs of an anchor, at the beginning of the loop you can set it:

//...
jQuery("a img").each(function (i) {
  // 'this' is the img element, you should get the parent anchor
  jQuery(this).parent().attr('target', '_blank'); 
  //...
});


To add to the awesome simplicity of this answer, which was super helpful by the way, you can target multiple types of links for example:

$("#whatever_id a, #another_id, #yet_another, #etc").attr("target","_blank");

Just keep the different id's separated by commas.


You could give all the links you want to open in a new window a class, eg 'target-blank';

<a href='#' class='any existing classes target-blank'>Opens in a new window</a>

then add a drop of jQuery

$("a.target-blank").attr('target','_blank');

valid xhtml and a DOM that understands target='_blank'!

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜