Wie das Attribut width mit in der KlasseWie bekomme ich das Breitenattribut über den Klassenselektor?
<div class="one" >
<img src="1.png" class="two">
<div>
<div class="three" >
<img src="2.png" class="two">
<div>
I Attribut zweiter Klasse erhalten wollen bekommen 1.png-Klasse one und Klasse two.
Javascript hat ein globales Objekt namens document. Sie benötigen JQuery nicht, um seine querySelector-Funktion zu verwenden.
Dieses Objekt hat eine Methode namens querySelector. Wenn Sie querySelector als eine Funktion aufrufen und die Klassen übergeben, die Sie finden möchten, die von einer . Periode vorangestellt werden, wird es diese Elemente für Sie finden. Nachdem Sie diese Elemente ausgewählt haben, können Sie das Attribut abrufen, indem Sie die getAttribute-Methode mit dem Parameter des Attributs aufrufen, das Sie benötigen.
document.querySelector('.one .two').getAttribute('src')
@Randy danke! viel gelernt. –
versuchen, mit jquery wie diese für Ihre bearbeiteten Fragen
var getAttribute = $(".one .two").attr("src");
alert(getAttribute);
finden Sie in der Demo
<!DOCTYPE html>
<html>
<head>
\t <title></title>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
\t <div class="one" >
\t <img src="1.png" class="two">
\t </div>
</body>
<script type="text/javascript">
\t var s = $(".one .two").attr("src");
\t alert(s);
</script>
</html>Sie können Document.querySelector() verwenden, um einen Selektor als String übergeben, die eine oder mehr CSS-Selektoren durch Kommata getrennt, in diesem Fall .one > .two das bedeutet:
.two Kind eines Elements mit einem einem Element auswählen, mit Klasse .one.var elm = document.querySelector('.one > .two').getAttribute('src');
console.log(elm);<div class="one" >
<img src="1.png" class="two">
<div>
<div class="three" >
<img src="2.png" class="two">
<div>
Beispiel ist nicht Klasse Attribut es Daten können Sie diese – guradio
ich habe aktualisiert Frage klären. Nuw können Sie verstehen –
immer noch nicht klar 'ich möchte erhalten zweite Klasse Attribut" 1.png "mit Klasse eins und Klasse zwei. Können Sie sagen, was die erwartete Ausgabe basierend auf was? – guradio