Maison > Article > interface Web > Comment résoudre le problème de la sélection des éléments enfants du mouseover div dans Jquery

Comment résoudre le problème de la sélection des éléments enfants du mouseover div dans Jquery

黄舟original: 2017-06-28 14:00:091129parcourir

Il existe de nombreux divs avec la même classe (supposée être a), et chaque div a une étendue de la même classe (supposée être b). Comment puis-je sélectionner l'étendue du div actuel ?
J'ai trouvé une méthode qui

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

Cela ne fonctionne pas pour moi.

<!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, c'est un but contre son camp.
Vous n’avez pas testé ma méthode d’écriture ? C'est vrai, mais j'ai écrit le span en dehors du div.
Cette façon d'écrire est vraiment rare, je l'ai vue sur stackoverflow.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：js combiné avec json pour implémenter ajax simple case_AJAX liéArticle suivant：js combiné avec json pour implémenter ajax simple case_AJAX lié

Articles Liés

Voir plus