На этот раз на какое-то время. В принципе, мне нужно проверить, где href в теге привязки с классом .pdf-download пусто, а если оно есть, скройте его.
Я попытался несколько вариантов, но не повезло. Это то, что я до сих пор:
$("a.pdf-download").each(function (i) {
if ($('[href]:empty',this).length == 1) {
$(this).hide();
} else {
$(this).show();
}
});
if ($(this).attr('href') != '') {
$(this).hide();
} else {
$(this).show();
}
Обратите внимание, что вы также можете сделать это в css с помощью селекторов атрибутов:
a.pdf-download[href='']{
display:none;
}
Однако это не поддерживается в ie6.
Вы также можете сделать это с помощью селектора jQuery следующим образом:
// Hide any links with blank href or no href attribute
$('a.pdf-download[href=], a.pdf-download:not([href])').hide();
Используйте это решение. он также даст желаемые результаты, если атрибут href не определен. Если вы используете селектор CSS (JQuery), несуществующие атрибуты href не будут обнаружены.
$("a.pdf-download").each(function (i) {
if (!this.href) {
$(this).hide();
} else {
$(this).show();
}
})
Не нужно использовать метод JQuery для получения атрибута href, потому что this.href читается, быстрее и также поддерживается повсеместно.
Что-то вроде этой работы?
$("a.pdf-download").each(function (i) {
if ($(this).attr('href').length == 0) {
$(this).hide();
} else {
$(this).show();
}
});
$(function() {
$('a').each(function() {
(!$(this).attr('href')) ? $(this).hide() : $(this).show();
});
});
Всемогущее демо: http://jsfiddle.net/each/j9DGw/
$("a.pdf-download").each(function() {
var href = $(this).attr("href");
if(href == '') {
$(this).remove();
}
});
или
$("a.pdf-download[href='']").remove()
Я сам начинаю jquery, но вот как я это сделаю:
$("a.pdf-download").each(function (i) {
var aHref = $(this).attr('href');
if (aHref == '' || !aHref) {
$(this).hide();
};
});