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

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

黄舟

Freigeben： 2017-06-28 14:00:09

Original

1081 Leute haben es durchsucht

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(...)})

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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!