JQuery: Ẩn neo nếu href trống

Question

Bạn đã tham gia hangout này trong một thời gian. Về cơ bản, tôi cần phải kiểm tra nơi một href trên một thẻ neo với các lớp .pdf-download là sản phẩm nào, và nếu có, ẩn nó.

Tôi đã thử một vài tùy chọn nhưng không có may mắn. Đây là những gì tôi có cho đến nay:

$("a.pdf-download").each(function (i) { 
    if ($('[href]:empty',this).length == 1) { 
    $(this).hide(); 
    } else { 
    $(this).show(); 
    } 
}); 

Answer 1

if ($(this).attr('href') != '') { 
    $(this).hide(); 
} else { 
    $(this).show(); 
} 

Lưu ý rằng bạn cũng có thể làm điều này trong css với attribute selectors:

a.pdf-download[href='']{ 
    display:none; 
} 

này không được hỗ trợ trong IE6 mặc dù.

Answer 2

Điều gì đó giống như công việc này?

$("a.pdf-download").each(function (i) { 
    if ($(this).attr('href').length == 0) { 
    $(this).hide(); 
    } else { 
    $(this).show(); 
    } 
}); 

Answer 3

Sử dụng giải pháp này. nó cũng sẽ tạo ra các kết quả mong muốn khi thuộc tính href không được xác định. Nếu bạn sử dụng bộ chọn CSS (JQuery), các thuộc tính không tồn tại href sẽ không được phát hiện.

$("a.pdf-download").each(function (i) { 
    if (!this.href) { 
     $(this).hide(); 
    } else { 
     $(this).show(); 
    } 
}) 

Nó không cần thiết phải sử dụng một phương pháp JQuery để có được những thuộc tính href, vì this.href là giống như có thể đọc được, nhanh hơn và cũng được hỗ trợ phổ biến.

Answer 4

Tôi là một jquery mới bắt đầu bản thân mình, nhưng thats làm thế nào tôi sẽ làm điều đó:

$("a.pdf-download").each(function (i) { 

    var aHref = $(this).attr('href'); 

    if (aHref == '' || !aHref) { 

     $(this).hide(); 

    }; 

}); 

Demo: http://jsfiddle.net/BZq9c/1/

Answer 5

$(function() { 

    $('a').each(function() { 
     (!$(this).attr('href')) ? $(this).hide() : $(this).show(); 
    }); 

}); 

Đấng Toàn Năng Demo: http://jsfiddle.net/each/j9DGw/

Answer 6

Bạn cũng có thể làm điều này với bộ chọn jQuery, như sau:

// Hide any links with blank href or no href attribute 
$('a.pdf-download[href=], a.pdf-download:not([href])').hide(); 

Answer 7

$("a.pdf-download").each(function() { 
    var href = $(this).attr("href"); 
    if(href == '') { 
     $(this).remove(); 
    } 
}); 

hoặc

$("a.pdf-download[href='']").remove()