JQuery - Vérifiez si l'élément suivant des DOM a une classname

Question

somethings somethings somethings somethings

i besoin d'une fonction qui vérifie l'élément suivant dans le dom et obtenez le nom de la classe. Par exemple, si j'obtiens sideline0, la fonction retournera "trackon" (nom de classe de l'élément suivant). Si je reçois sideline1, il doit retourner "sideone" et ainsi de suite ..

une idée? acclamations

Answer 1

vous pouvez utiliser next() et attr comme ceci:

alert($('selector').next().attr('class')); 

Puisque vous ne l'avez pas mentionné un événement, voici un exemple de code pour l'événement clic de ces divs (vous pouvez modifier selon vos nee ds):

$('.tlcontent > div').click(function(){ 
    alert($(this).next().attr('class')); 
}); 

Answer 2

Comment « bout:

var clz = $('#sideline0').next()[0].className; 

Un exemple concret: http://jsbin.com/esofu3 (dans cet exemple, je lui ai donné next le paramètre « div » pour dire que je ne voulais regarder divs   — pratique si vous voulez sauter paillettes, mais pas nécessaire avec votre code d'exemple).

Cela utilise next pour obtenir l'élément suivant, puis ennuyeux vieux JavaScript et DOM pour obtenir la version reflétée de l'attribut class. (. Vous pouvez aussi utiliser jQuery de attr pour récupérer l'attribut de classe au lieu si vous préférez, comme babtek suggested)

Answer 3

En utilisant # sideline0 comme élément exemple, cela vous devriez obtenir la valeur de la classe de l'élément suivant DOM:

$('#sideline0').next().attr('class') 

Answer 4

Il est difficile de dire pour votre exemple précis parce que votre code est caché (mis 4 places avant chaque ligne de sorte que le logiciel lit comme code). Cependant, en général, vous pouvez obtenir le nom de classe de l'élément suivant DOM comme suit:

var className = $('#sideline0').next().attr('class'); 

Answer 5

UTILISATION

$('#sideline0').next().attr('class'); 

ici est un exemple de travail http://jsfiddle.net/yCqkC/