使用 jQuery 根据标题隐藏锚点 href答案

【问题标题】：Hide anchor href with jQuery based on its title使用 jQuery 根据标题隐藏锚点 href
【发布时间】：2014-06-27 01:09:38
【问题描述】：

我有以下html

<li class="static">
 <a title="blog" class="static menu-item" href="http://google.com">Blog</a>
</li>

<li class="static">
 <a title="profile" class="static menu-item" href="http://profile.com">Profile</a>
</li>

<li class="static">
 <a title="site2" class="static menu-item" href="http://site-2.com">Site-2</a>
</li>

我只需要根据标题属性隐藏上述链接（仅指向博客和个人资料的链接）。通过 jQuery 最简单的方法是什么？

【问题讨论】：

标签： jquery html css href

【解决方案1】：

.static a[title='blog'], .static a[title='profile']
{
display:none;
}

【讨论】：

实际上这不是 OP 想要的 jQuery...不过我更喜欢它！

【解决方案2】：

你可以使用attribute equal selector

试试这个：

$('[title=blog],[title=profile]').hide()

【讨论】：

【解决方案3】：

虽然您指出您需要一个 jQuery 解决方案，但请注意您实际上可以纯粹在 CSS 中完成此操作：

a[title=blog], a[title=site2]{
  display:none;
}

【讨论】：

【解决方案4】：

我需要隐藏以上链接（只有博客和个人资料的链接）仅基于其标题属性。

使用Attribute Equals Selector [name="value"] 并使用Multiple Selector (“selector1, selector2, selectorN”) 组合选择器

$('a[title=profile], a[title=site2]').hide()

【讨论】：

【解决方案5】：

$(document).ready(function(){
  $('a[title=profile], a[title=site2]').hide()
})

使用 jQuery 实现

【讨论】：

【解决方案6】：

在上述答案的基础上，如果隐藏链接需要是动态的，您可以使用以下标题数组来解决这个问题：

var titleArray = ['blog', 'profile'];

function hideLinks(titleArray) {
    for (var i = 0; i < titleArray.length; i++) {
        $('a[title='+titleArray[i]+']').hide();
    }
}

hideLinks(titleArray);

【讨论】：

【解决方案7】：

你可以使用：

$("a").each(function(){

   if($(this).attr("title") != "site2"){
        $(this).hide();                
    } 

 });

http://jsfiddle.net/fxcfY/

【讨论】：