কিভাবে jquery সঙ্গে ক্লিক লিঙ্ক এর href পেতে?


87

কেউ কি জানেন কীভাবে আমি 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 মান পেতে নিম্নলিখিত হিসাবে একটি কোড লিখেছি। তবে কোনওভাবে এটি সর্বদা আমাকে প্রথম লিঙ্কের href (আইডি = 1) ফিরিয়ে দেয় যদিও আমি টেস্ট 2 বা টেস্ট 3 তে ক্লিক করেছি। কেউ কি জানেন যে এখানে কী চলছে? এবং আমি কীভাবে এই সমস্যাটি সমাধান করতে পারি?

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

উত্তর:


176

এটি আপনার কলব্যাক ফাংশনটিতে ক্লিক করা উপাদানকে বোঝায়।

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

18
বা যে কেউ একটি jQuery অবজেক্ট তৈরির পরিবর্তে সরাসরি এটি অ্যাক্সেস করতে পারে। var addressValue = this.href;
ক্রিস

4
এফওয়াইআই, যদি href আপেক্ষিক হয় href="sibling_file.htm"তবে $ (এটি) .attr ("href") ফিরে আসে sibling_file.htmএবং এই href ফিরে আসে https://example.com/folder/sibling_file.htm(যা আমি প্রত্যাশা করেছি এবং চেয়েছিলাম।)
রেডজার্ফ


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

আপনি যখন $ ("। ClassName") ব্যবহার করেন আপনি সেই শ্রেণীর সমস্ত উপাদানগুলির সেট পাচ্ছেন। তারপরে আপনি যখন অ্যাটরকে কল করবেন তখন এটি কেবল সংগ্রহে প্রথম আইটেমটির মান দেয়।


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);
});

ব্যবহার ClassName (টেস্টক্লিক) এর পরিবর্তে এই কীওয়ার্ডটি

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.