उस तत्व की श्रेणी प्राप्त करना जिसने JQuery का उपयोग करके किसी घटना को निकाल दिया

Question 1

जब भी क्लिक ईवेंट को निकाल दिया जाता है, तो कक्षा प्राप्त करने के लिए कुछ होता है। नीचे के रूप में मेरा कोड, यह केवल आईडी के लिए काम करता है लेकिन कक्षा के लिए नहीं।

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id + " and " + event.target.class);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<body>
  <a href="#" id="kana1" class="konbo">click me 1</a>
  <a href="#" id="kana2" class="kinta">click me 2</a>
</body>

</html>

स्निपेट का विस्तार करें

यहाँ jsfiddle कोड

Question 2

प्रयत्न:

$(document).ready(function() {
    $("a").click(function(event) {
       alert(event.target.id+" and "+$(event.target).attr('class'));
    });
});

Question 3

इसमें पूर्ण वर्ग (जो कि एक से अधिक स्थान वाले वर्ग हो सकते हैं, यदि तत्व में एक से अधिक वर्ग हों)। आपके कोड में यह "konbo" या "kinta" होगा:

event.target.className

आप नाम से कक्षाओं के लिए जाँच करने के लिए jQuery का उपयोग कर सकते हैं:

$(event.target).hasClass('konbo');

और जोड़ सकते हैं या उन लोगों के साथ दूर करने के लिए addClass और removeClass ।

Question 4

आपको नीचे के एरे में सारी क्लास मिल जाएगी

event.target.classList

Question 5

$(document).ready(function() {
  $("a").click(function(event) {
    var myClass = $(this).attr("class");
    var myId = $(this).attr('id');
    alert(myClass + " " + myId);
  });
})

<html>

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>

<body>
  <a href="#" id="kana1" class="konbo">click me 1</a>
  <a href="#" id="kana2" class="kinta">click me 2</a>
</body>

</html>

स्निपेट का विस्तार करें

यह मेरे लिए काम करता है। JQuery में कोई event.target.class फ़ंक्शन नहीं है।

Question 6

यदि आप jQuery 1.7 का उपयोग कर रहे हैं:

alert($(this).prop("class"));

या:

alert($(event.target).prop("class"));

Question 7

सावधान जैसा targetकि सभी ब्राउज़रों के साथ काम नहीं कर सकता है, यह क्रोम के साथ अच्छी तरह से काम करता है, लेकिन मैं फ़ायरफ़ॉक्स (या आईई / एज, याद नहीं कर सकता) को थोड़ा अलग करता हूं और srcElement का उपयोग करता है। मैं आमतौर पर कुछ ऐसा करता हूं

var t = ev.srcElement || ev.target;

इस प्रकार से अग्रणी है

$(document).ready(function() {
    $("a").click(function(ev) {
        // get target depending on what API's in use
        var t = ev.srcElement || ev.target;

        alert(t.id+" and "+$(t).attr('class'));
    });
});

अच्छा जवाब के लिए Thx!