Jquery के साथ क्लिक की गई लिंक की href कैसे प्राप्त करें?

Question

क्या किसी को पता है कि मैं jquery के साथ क्लिक किए गए लिंक के href कैसे प्राप्त कर सकता हूं? मेरे पास निम्न लिंक है:

    <a  href="ID=1" class="testClick">Test1.</a>
    <br />
    <a  href="ID=2" class="testClick">Test2.</a>
    <br />
    <a  href="ID=3" class="testClick">Test3.</a>

मैंने जिस लिंक पर क्लिक किया था उससे href मान प्राप्त करने के लिए मैंने एक कोड लिखा था। लेकिन किसी तरह यह हमेशा मुझे 1 लिंक का href (ID = 1) लौटाता है, भले ही मैंने Test2 या Test3 पर क्लिक किया हो। क्या किसी को पता है कि यहां क्या चल रहा है? और मैं इस मुद्दे को कैसे हल कर सकता हूं?

    $(".testClick").click(function () {
        var value = $(".testClick").attr("href");
        alert(value );
    });

Answer 1

इस अपने कॉलबैक में समारोह में क्लिक किए गए तत्व को दर्शाता है।

   $(".addressClick").click(function () {
        var addressValue = $(this).attr("href");
        alert(addressValue );
    });

Comments

या एक jQuery ऑब्जेक्ट बनाने के बजाय सीधे इसे एक्सेस कर सकता है। var addressValue = this.href;

— क्रिस

FYI करें, यदि href सापेक्ष है href="sibling_file.htm"तो $ (यह) .attr ("href") वापस लौटता है sibling_file.htmऔर यह .href रिटर्न https://example.com/folder/sibling_file.htm(वही है जो मैं चाहता था और चाहता था।)

— Redzarf

Answer 2

आप देख रहे हैं $(this).attr("href");

Answer 3

$(".testClick").click(function () {
         var value = $(this).attr("href");
         alert(value );     
}); 

जब आप $ ("। ClassName") का उपयोग करते हैं, तो आपको उन सभी तत्वों का समूह मिल रहा है, जिनके पास वह वर्ग है। तब जब आप attr कहते हैं तो यह संग्रह में पहले आइटम का मान लौटाता है।

Answer 4

मान लीजिए कि हमारे पास तीन एंकर टैग हैं, जैसे,

<a  href="ID=1" class="testClick">Test1.</a>
<br />
<a  href="ID=2" class="testClick">Test2.</a>
<br />
<a  href="ID=3" class="testClick">Test3.</a>

अब स्क्रिप्ट में

$(".testClick").click(function () {
        var anchorValue= $(this).attr("href");
        alert(anchorValue);
});

क्लासनेम के बजाय इस कीवर्ड का उपयोग करें (testClick)