Immer die Klasse des Elements, das ein Ereignis ausgelöst mit JQuery

gibt es trotzdem, um die Klasse bei click-Ereignis ausgelöst. Mein code, wie unten, Sie arbeiten nur für die id, aber nicht Klasse.

JS:

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

HTML:

<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 code hier

Klasse vorbehalten, die ein arbeiten in ECMAScript, so das class-Attribut zugeordnet ist className DOM-Eigenschaft. Verwenden event.target.className.

InformationsquelleAutor Redbox | 2012-06-14

123

Versuchen:

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

InformationsquelleAutor broesch

93

Wird, enthält die vollständige Klasse (das können mehrere durch Leerzeichen getrennte Klassen, wenn das element mehr als eine Klasse). In Ihrem code enthalten entweder "konbo" oder "kinta":
```
event.target.className
```
Können Sie jQuery verwenden, um zu überprüfen, die für den Unterricht name:
```
$(event.target).hasClass('konbo');
```
hinzufügen oder entfernen Sie Sie mit addClass und removeClass.

InformationsquelleAutor Paulpro
3

Erhalten Sie alle Klasse in der unter-array
```
event.target.classList
```
- Ich finde diese Antwort, hilfreich im Vergleich zu @broesch ist. Es hat weniger Abhängigkeiten und wirkt natürlicher, an dieser Stelle.
InformationsquelleAutor Vishesh Mishra

JS:

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

HTML:

<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>

Dies funktioniert für mich. Es gibt keine event.target.class Funktion in jQuery.

aus irgendeinem Grund habe ich das Ereignis, trotzdem danke für die Antwort. broesch beantwortet hat, was ich brauche.

InformationsquelleAutor drjay

Wenn Sie mit jQuery 1.7:

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

oder:

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

InformationsquelleAutor Evan Mulawski

0

Vorsichtig, da target funktionieren möglicherweise nicht mit allen Browsern, es funktioniert auch mit Chrome, aber ich rechne damit, Firefox (oder IE/Edge, kann mich nicht erinnern) ist ein wenig anders und nutzt srcElement. Normalerweise mache ich so etwas wie
```
var t = ev.srcElement || ev.target;
```
somit zu
```
$(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 für die netten Antworten!
- target funktioniert mit Firefox, IE/Edge müsste srcElement
InformationsquelleAutor Rom

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.