Question

我是jQuery中的新用户，我试图在用户点击链接时获取href属性的值但我得到的href属性值相同。这是我的HTML代码

<div class="container">
    <ul>
        <li><a href="#1" >Sign In</a>
        </li>
        <li><a href="#2">Brand</a>
        </li>
        <li><a href="#3">Distributor Brand</a>
        </li>
        <li class="language"> <a href="#4">English</a>

            <ul id="language-select">
                <li><a href="#5">Spanish</a>
                </li>
                <li><a href="#6">French</a>
                </li>
                <li><a href="#">German</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

和js

$(document).ready(function(){    
    $("a").click(function(){            
        var value=$(".container").find("a").attr("href");            
        alert("hello------>  "+value);
    });
});

这里是小提琴http://jsfiddle.net/suraj0750/rmbvo9oh/1/

Answer 1

试试这个： -

 var  value=$(this).attr("href");

Demo

Answer 2

在JavaScript中，当您将事件绑定到元素时，this变量可用（当然取决于元素和事件）。因此，当您单击一个元素并绑定一个函数时，在该函数范围内，单击的元素将被引用为this。写$(this)你从中创建一个jQuery对象：

$(document).ready(function(){

  $("a").click(function(){

    var value = $(this).attr("href");

    alert("hello------>  " + value);
  });


});

获得href属性的相同值

2 个答案: