comment styliser l'élément parent supérieur à l'aide de jquery

Question

comment styliser l'élément parent supérieur à l'aide de jquery

Demandé el 3 de Juillet, 2012: Quand la question a-t-elle été
3996 affichage: Nombre de visites la question a
3 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je veux un style de parent supérieur et il doit être dynamique. je veux juste un style de parent supérieur. nous pouvons ajouter plus de div parent mais le style doit se refléter sur la div. est-ce possible avec jquery.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">

$(function(){
    $('.text').parent().css('background-color','red')
})

</script>
</head>
<body>

<div>
    <div>
        <div class="menu">
            <div class="text">hiiii</div>
        </div>
    </div>
</div>

</body>

Demandé el 3 de Juillet, 2012 par Carlos

Answer 1

3 Réponses

Answer 2

5voto

T.J. Crowder Points 285826

En fonction de ce que vous entendez par "parent supérieur", vous voudrez peut-être que l'option parents avec le sélecteur "div" :

$(function(){
    $('.text').parents("div").last().css('background-color','red');
});

Notez que cela ne fonctionnera comme prévu que si $('.text') ne correspond qu'à un seul élément. Si elle correspond à plus d'un élément, vous aurez besoin d'une boucle, par exemple :

$(function(){
    $('.text').each(function() {
        $(this).parents("div").last().css('background-color','red');
    });
});

...qui définit le "parent supérieur" de chaque correspondance .text au rouge.

Répondu el 3 de Juillet, 2012 par T.J. Crowder (285826 Points )

Answer 3

0voto

xdazz Points 85907

Vous pouvez le faire comme ci-dessous :

$('.text').parents('div:last').css('background-color','red');

.parents() renvoie les ancêtres dans l'ordre de l'intérieur vers l'extérieur, donc vous pourriez plus :last pour obtenir le parent le plus à l'extérieur.

Répondu el 3 de Juillet, 2012 par xdazz (85907 Points )

Answer 4

0voto

sachleen Points 17288

Je pense que vous voulez l'élément de plus haut niveau à partir de celui qui est actuellement sélectionné. Vous pouvez utiliser .parents() pour obtenir tous les parents de la division jusqu'à ce que body y html .

$(".text").parents()
[
<div class="menu" style="background-color: red; ">…</div>, 
<div>…</div>, 
<div>…</div>, 
<body>…</body>,
<html>…</html>
]

parents = $(".text").parents();
var rootElement = $(parents[parents.length-3])

Je le fais. -3 parce que je n'inclus pas body y html (c'est -2 et le tableau est basé sur 0 alors soustrayez-en un autre). Vous ne pourriez pas effectuer cette soustraction et spécifier un sélecteur tel que .parents("div") et prendre le dernier, aussi. Vous devrez cependant savoir quel type d'élément est l'élément Root.

Répondu el 3 de Juillet, 2012 par sachleen (17288 Points )

comment styliser l'élément parent supérieur à l'aide de jquery

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

comment styliser l'élément parent supérieur à l'aide de jquery

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: