检查div是否包含具有特定href值的锚点

Question

美好的一天

我想检查一下我的页面中是否有包含以下网址的特定链接：

http://mysite.com/category/products

我使用以下内容，但我不认为它是正确的（因为它不起作用）

if $('#breadcrumbs a.category').attr('href') == "http://mysite.com/category/products";
    alert('It is here!');

HTML结构如下所示：

<div id="breadcrumbs">
<a class="category" href="">generated by php</a>
<a class="category" href="">generated by php</a>
<a class="category">generated by php</a>
</div>

顶部链接将位于此层次结构的某个位置......

谢谢你！

更新：page

Answer 1

您可以使用属性选择器：

if ($('#breadcrumbs .category[href="http://mysite.com/category/products"]').length > 0) {
    alert("It's here");
}

文档：

http://api.jquery.com/attribute-equals-selector/

Answer 2

attr方法只返回第一个选定元素的值，您可以使用filter方法或attr选择器。

$(function() {
    var len = $('#breadcrumbs a.category').filter(function(){
         return this.href === 'http://mysite.com/category/products';
    }).length;

    if (len) {
        alert('It is here!');
    }
});

Answer 3

尝试更短：

($('[href="http://mysite.com/category/products"]').length > 0) ? alert('Yes there are') : alert('oops');

Tryout in this fiddle

Answer 4

$('#breadcrumbs').click(function(){

 $(this).children('a').each(function(){
    if($(this).attr('href')=="your url")
        .....
 });
});

Answer 5

$(document).ready(function() {
   if($('#breadcrumbs a.category').attr('href') == "http://mysite.com/category/products")
   {
       alert('It is here!');
   }    
});