Question

如果<a>标题为“扩展名”，我想添加属性“target = _blank”。

<ul id="mob-right-menu">
<li class="menu-item><a href="#">Work</a></li>
<li class="menu-item><a href="#">About</a></li>
<li class="menu-item><a href="#">Careers</a></li>
<li class="menu-item><a href="#">Blog</a></li>
<li class="menu-item><a href="#">Newsroom</a></li>
<li class="menu-item><a href="http://google.com" title="extension">Extensions</a></li>    
</ul>

我最近添加了一个最后一个菜单，我想添加一个属性，如下所示。

<li class="menu-item><a href="http://google.com" title="extension" target="_blank">Extensions</a></li>

因为它是外部网址，我希望它在新标签中打开，任何人都可以帮助我。

Answer 1

$(document).ready(function(){
      $('#mob-right-menu a[title="extension"]').attr('target', '_blank');
});

当您的文件加载时，它会将目标添加到您的超链接中。

Answer 2

遍历每个a代码。
检查其title属性值
更改/添加其target属性值

＆＃13;

$('a').each(function(){
  if($(this).attr('title')=="extension")
    $(this).attr('target','_blank');
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mob-right-menu">
<li class="menu-item"><a href="#">Work</a></li>
<li class="menu-item"><a href="#">About</a></li>
<li class="menu-item"><a href="#">Careers</a></li>
<li class="menu-item"><a href="#">Blog</a></li>
<li class="menu-item"><a href="#">Newsroom</a></li>
<li class="menu-item"><a href="http://google.com" title="extension">Extensions</a></li>    
</ul>

＆＃13;

如果标题匹配，则为标记添加属性

2 个答案: