Heim > Web-Frontend > js-Tutorial > Jquery-Selektor: Last-Child funktioniert nicht, Lösung

Jquery-Selektor: Last-Child funktioniert nicht, Lösung

黄舟
Freigeben: 2017-06-23 14:59:22
Original
2033 Leute haben es durchsucht

jquery:last-child funktioniert nicht? ? ?

Fügen Sie den Quellcode ein

<!DOCTYPE html>
<html>
<head>
<style>
span.solast { text-decoration:line-through; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
<div id="clearFloat"></div>

</div>
<div>
<span>Glen,</span>
<span>Tane,</span>

<span>Ralph,</span>
<span>David</span>
<div id="clearFloat"></div>

</div>
<script>
$("div span:last-child").css({color:"red", fontSize:"80%"})

</script>

</body>
</html>
Nach dem Login kopieren

Warum fügen Sie

nach

$("div span:last-child").css({color:"red", fontSize:"80%"})
Nach dem Login kopieren
<🎜 hinzu? >Kann dieser Satz nicht wirksam werden? Reduzieren


Mein Ziel ist es, das letzte Span-Element

unter jedem Div zu erhalten und den CSS-Stil

$.each($("body>div"),function(i){
      $(this).children("span").last().<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuyu9rjRkujNWnvfvrjIB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRLnWDzPj0Y" target="_blank" class="baidu-highlight">css</a>({color:"red", fontSize:"80%"})
  });
Nach dem Login kopieren
auf


< festzulegen 🎜>Denn das letzte Kind ist keine Spanne mehr.
$("div span:last").css({color:"red", fontSize:"80%"})
Nach dem Login kopieren


Mein Ziel ist es, das letzte Span-Element unter jedem Div zu erhalten

Die Verwendung von last kann nur mit einem Element übereinstimmen

Das obige ist der detaillierte Inhalt vonJquery-Selektor: Last-Child funktioniert nicht, Lösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage