ajouter une classe pour les enfants - jquery

J'ai ce code html:

<div class="rotation">
  <ul>
    <li><img src="..." alt="" /></li>
    <li><img src="..." alt="" /></li>
    <li><img src="..." alt="" /></li>
  </ul>
</div>

J'ai besoin d'ajouter une classe à l'ul, je veux le faire à l'aide de jquery, parce que ul, li sont générés sans aucune classe.

Disons ul balise doivent être <ul class="image_rotation">. Comment puis-je le faire?

InformationsquelleAutor miszczu | 2012-07-05

html jquery

12

Lisez à propos de jQuery addClass méthode ici.
```
$('.rotation ul').addClass('image_rotation');
```
Le code ci-dessus, ajoutez une classe de image_rotation à chaque ul qui est un descendant de l'élément avec la classe rotation.

Si vous souhaitez cibler uniquement uls qui sont un immédiat de l'enfant d'un élément à une classe de rotation, utilisez le sélecteur d'enfant (>):
```
$('.rotation > ul').addClass('image_rotation');
```
Si vous voulez seulement faire cela sur un .rotation élément, vous devez lui donner un id et sélectionnez-le de cette façon. Par exemple:
```
$('#rotation ul');
```
et
```
<div id="rotation" class="rotation">
    <ul>
        <li><img src="..." alt="" /></li>
        <li><img src="..." alt="" /></li>
        <li><img src="..." alt="" /></li>
    </ul>
</div>
```
- C'est mieux que google. J'ai écrit à ma question et au bout de 30 sec je obtenir une réponse. Avant ça, j'étais à la recherche de cette de cette dans google pour unleast 10 min. Très bonne réponse de la tva.
- Merci et oui, ce site est incroyablement utile. Un amical conseil: veillez à poser des questions comme celle-ci. Nous pouvons upvote ou downvote votre question en fonction de la façon dont beaucoup d'efforts de recherche que vous avez mis dans et de façon claire la question est de. Cette question est très claire, mais je l'ai fait voir plus haut que vous avez obtenu un downvote (il ressemble à votre retour à 0 aujourd'hui). C'est probablement parce que vous n'avez pas la façon dont tout l'effort de recherche. N'oubliez pas de montrer ce que vous avez essayé jusqu'à présent et quels sont les documents que vous avez regardé. Parfois, après avoir fait cela, vous pouvez répondre à la question pour vous-même! cheers
InformationsquelleAutor lbstr
7

Je vous suggère de garder les choses simples:
```
$('div.rotation ul').addClass('image_rotation');
```
Ou, si vous disposez de plusieurs ul éléments au sein de la div.rotation élément, vous pouvez spécifier la première ul:
```
$('div.rotation ul:first').addClass('image_rotation');
```
La dernière ul:
```
$('div.rotation ul:last').addClass('image_rotation');
```
Ou un ul de arbitray index de base zéro, par exemple la troisième ul (avec un indice de 2):
```
$('div.rotation ul:eq(2)').addClass('image_rotation');
```
ou:
```
$('div.rotation ul').eq(2).addClass('image_rotation');
```
Ou un enfant immédiat (donc pas de ul éléments imbriqués dans d'autres éléments):
```
$('div.rotation > ul').addClass('image_rotation');
```
Références:
InformationsquelleAutor David Thomas
3

tous vous avez besoin est de trouver l'UL dans la div et l'affecter votre classe.
vous pouvez le voir dans cette démo, mais le code HTML ci-dessous est
```
$(document).ready(function(){
    $('ul','div.rotation').each(function(index){
        $(this).addClass('image_rotation');
    });
});
```
InformationsquelleAutor Nir

C'est assez facile, il suffit de faire:

$(document).ready(function(){
    $('div.rotation ul').addClass('image_rotation');
});

InformationsquelleAutor exaptis

$(".rotation ul").attr("class","image_rotation");

InformationsquelleAutor Karesh A

1
```
$(".rotation").children("ul").addClass( "MyClass");
```
- children a un minuscule c et qu'il vous manque le $ ou jQuery avant (".rotation")
- oui mis à jour merci pour poiting que..
InformationsquelleAutor Pranay Rana

Vous devez vous connecter pour publier un commentaire.