suchen

Heim >Web-Frontend >js-Tutorial >So lösen Sie das Problem, wie die untergeordneten Elemente von Mouseover-Div in Jquery ausgewählt werden

So lösen Sie das Problem, wie die untergeordneten Elemente von Mouseover-Div in Jquery ausgewählt werden

黄舟
黄舟Original
2017-06-28 14:00:091146Durchsuche

Es gibt viele Divs mit derselben Klasse (angenommen, sie seien a), und jedes Div hat einen Bereich derselben Klasse (angenommen, es sei b). Wie kann ich den Bereich des aktuellen Divs auswählen?
Ich habe eine Methode gefunden, die 

$(".a").mouseover(function(){$(".b",this).css(...)})

bei mir nicht funktioniert. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
    $("div.a span.b").mouseover( function() { $(this).css("background-color", "red"); });
});
</script>
</head>
 
<body>
<div class="a"><span class="b">111</span></div>
<div class="a"><span class="b">222</span></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".a").mouseover(function () {
                $(this).find(&#39;.b&#39;).css({color:&#39;red&#39;}); 
            });
        });
    </script>
 
</head>
<body>
<body>
<div class="a" style="border:1px solid red;">
<span class="b">111</span>
<span class="b">222</span>
</div>
<div class="a" style="border:1px solid green;">
<span class="b">333</span>
<span class="b">444</span>
</div>
</body>
 
</body>
</html>

Haha, es ist ein Eigentor.
Haben Sie meine Schreibmethode nicht getestet? Das stimmt, aber ich habe die Spanne außerhalb des Div geschrieben.
Diese Schreibweise ist wirklich ungewöhnlich, ich habe sie auf dem Stapel gesehenÜberlauf.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, wie die untergeordneten Elemente von Mouseover-Div in Jquery ausgewählt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：js kombiniert mit json, um Ajax einfach zu implementieren case_AJAX bezogenNächster Artikel：js kombiniert mit json, um Ajax einfach zu implementieren case_AJAX bezogen

In Verbindung stehende Artikel

Mehr sehen