javascript - 如何让 jQuery 在 Wordpress 的新选项卡中仅打开此代码的帖子链接

Question

我的 header.php 中有这段代码:

<script type="text/javascript" src="/js/jquery.js"></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
       jQuery("a").click(function(){ 
          jQuery("a").attr("target","_blank"); 
          url=jQuery(this).attr('href'); 
          jQuery(this).attr('href','/te3/out.php?l=click&u=' + escape(url)); 
       }); 
    }); 
</script>

现在它会在新的浏览器选项卡中打开所有链接。我想要的是只打开帖子。如果这有任何帮助的话，永久链接看起来像 mywebsite.com/this-is-the post/。

请帮忙

谢谢

Answer 1

您可以使用 jQuery 的 .filter() 方法过滤链接。只需自定义正则表达式即可满足您的实际需求

jQuery(document).ready(function() { 
  jQuery("a")
    .filter(function() {
      var href = jQuery(this).attr('href');
      // return true if href exists and matches the regular expression
      return href && href.match(/mywebsite\.com\/[\w-]+/);
    })
    .click(function(){ 
      jQuery("a").attr("target","_blank"); 
      url = jQuery(this).attr('href'); 
      jQuery(this).attr('href','/te3/out.php?l=click&u=' + escape(url)); 
    }); 
}); 

更新

如果您想要相反的行为，可以使用.not()

jQuery(document).ready(function() { 
  jQuery("a")
    .not(function() {
      var href = jQuery(this).attr('href') || '';
      // return true if href exists and matches the regular expression
      return href.match(/mywebsite\.com\/[\w-]+/);
    })
    .click(function(){ 
      jQuery("a").attr("target","_blank"); 
      url = jQuery(this).attr('href'); 
      jQuery(this).attr('href','/te3/out.php?l=click&u=' + escape(url)); 
    }); 
});