Y at-il un sélecteur de jQuery pour accomplir cette tâche?
-
01-10-2019 - |
Question
J'ai ces extraits 4 HTML:
-
Frères et sœurs:
<div class="a">...</div> <div class="b">...</div> <!--selected--> <div class="b">...</div> <!--not selected-->
-
Enveloppé 1:
<div class="a">...</div> <div> <div class="b">...</div> <!--selected--> </div> <div class="b">...</div> <!--not selected-->
-
Enveloppé 2:
<div> <div class="a">...</div> </div> <div> <div class="b">...</div> <!--selected--> </div> <div class="b">...</div> <!--not selected-->
-
Séparé:
<div class="a">...</div> <div>...</div> <div class="b">...</div> <!--selected--> <div>...</div> <div class="b">...</div> <!--not selected--> <div>...</div> <div class="b">...</div> <!--not selected-->
Comment puis-je, avec jQuery, sélectionnez l'élément suivant .b
pour tout élément de .a
donné, quel que soit l'imbrication?
Je veux quelque chose comme ceci:
$('.a').each(function() {
var nearestB = $(this)./*Something epically wonderful here*/;
//do other stuff here
});
La solution 4
Ok, voici une version modifiée de padel solution de, qui se comporte légèrement différemment
var lastA = null;
$('.a, .b').each(function() {
if($(this).hasClass('a'))
{
lastA = $(this);
}
else if(lastA)
{
doStuff(lastA,this); //doStuff(a,b)
lastA = null;
}
});
Autres conseils
Pouvez-vous essayer de voir si cela convient à votre cas?
$(document).ready(function () {
var isA = false;
$('div.a, div.b').each(function () {
if ($(this).attr('class') == "a")
isA = true;
if ($(this).attr('class') == "b" && isA) {
$(this).css("background", "yellow");
isA = false;
}
});
});
Cordialement ...
Je l'ai!
var both = $('.a, .b');
$('.a').each(function() {
var nearestB = both.slice(both.index(this))
.filter('.b')
.first();
//do stuff
});
Comment décidez-vous qui .a
pour sélectionner? Yat-il un .b
pour toujours .a
? Est-ce que vous bouclez chacun? Vous pouvez utiliser l'index de la .a
et sélectionnez simplement le .b
correspondant.
$(".a").each(function(){
var index = $(".a").index(this);
var theB = $(".b").get(index);
});
$("div.a").nextAll("div.b")
Est-ce que ce travail?
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow