[英]hide parent div if link inside has empty href
我需要隐藏样式似按钮的buttonholder Div。 但是,如果链接本身为空,则需要隐藏按钮样式的图像。
<div class="RegisterBtnHolder">
<span class="RegisterOrangeButton">
<span>
<a href="http://www.google.com">Register Online</a>
</span>
</span>
</div>
如果锚标记具有空href或空文本,则需要隐藏RegisterBtnHolder。如何在jquery中执行此操作。
试一下:
$(function(){
$("a[href=''],a:empty","div.RegisterBtnHolder").closest("div.RegisterBtnHolder").hide();
});
使用jQuery:
var button = $('.RegisterBtnHolder').find('a'); // caches the <a> element from the dom.
if(button.attr('href') == '') {
button.hide();
}
上面的答案同样适用,只要记住要尽量避免跳入DOM,否则会减慢加载时间。
这对您有用吗:
if ($('div.RegisterBtnHolder a').text() == '' || $('div.RegisterBtnHolder a').attr('href') == '') $('div.RegisterBtnHolder a').hide()
下面的示例代码
if($("a").attr("href") === "" || $("a").text()===""){
$(this).closest("div").hide();
}
$('.RegisterBtnHolder a').each(function() {
if($(this).attr('href') === '' || $(this).text() === '') {
$(this).parents('.RegisterBtnHolder').hide();
}
});
使用filter()帮助
$('.RegisterBtnHolder a').filter(function(){
/* add any additional tests you might need such as looking for "#" as an href*/
return $(this).attr('href')=='' || $.trim($(this).text())=='';
}).closest('.RegisterBtnHolder').hide();
仅JavaScript
var dilly = document.querySelectorAll('.RegisterBtnHolder a'), i;
for (i = 0; i < dilly.length; ++i) {
var $true = (dilly[i].getAttribute('href') == '')
if ($true == true) {
dilly[i].parentElement.style.display = 'none'
} else {
dilly[i].parentElement.style.border = "1px dotted silver"
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.