javascript - JQuery - 如果链接没有 URL，则将 div 设置为隐藏

Question

我有一段代码，我想使用 js 或 jQuery 来隐藏某个元素 - 我有以下代码:

<a class="subtitle" a href="#" rco-ui-class-toggler="click">Military Families<span class="plus"></span></a>

我想隐藏 plus 的跨度如果 href 是 #而不是实际的 url，或者如果没有 a href="#关于a根本没有元素。

而且我必须将代码格式化为 slim。有人知道最简单的方法吗？

Answer 1

纯 JS

[].slice.call(document.querySelectorAll('a[href="#"]')).forEach(function(el) {
    el.querySelector('.plus').style.display = 'none';
});

或 jQuery

$('a[href="#"]').hide();

您还可以进行更具体的过滤，删除任何没有 href 属性或以哈希开头的内容

$('a').filter(function() {
    return !$(this).attr('href')  || $(this).attr('href').indexOf('#') === 0;
}).find('.plus').hide();