7
votes

Utilisation suivante () x nombre de fois avec jQuery

Quel est un moyen facile d'itérus x nombre de fois en utilisant suivant () (appliquer la même fonction à chaque fois)?

Je travaille dans SharePoint et j'ai un contrôle limité du HTML; Ce que je peux faire, c'est trouver un élément de son identifiant, suivez le , masquer () it, puis passez à la suivante (i Don 'T veut tout le ' S, à peu près 7 ou 8 dans une rangée).

Le code ci-dessous fonctionne mais ce n'est pas si joli. < Pré> xxx

Qu'est-ce qu'un meilleur moyen de le faire?

merci

PS: Ajout d'un Fiddle (génie)


3 commentaires

Pouvez-vous poster un exemple d'échantillon HTML que cela fonctionnerait sur (dans un violon)?


Découvrez API.JQUERY.com/NextUntil


@Michaelharen Je suis allé trop longtemps - je ne savais même pas au violon! C'est étonnant. Publié et mis à jour mon message.


4 Réponses :


1
votes

Je n'ai pas essayé, mais peut-être que ce qui suit pourrait fonctionner (je vais tester momentanément): xxx

testé et vérifié avec un JS Fiddle Demo .


2 commentaires

.Slice est l'une de ces fonctions de jQuery qui ne sont presque jamais utilisées, mais est une puissante utile lorsque vous en avez besoin.


Vous avez perdu le .closest ("td") et doit également inclure l'original td , pas seulement ses frères et sœurs.



0
votes

Peut-être quelque chose comme ceci: xxx


0 commentaires

9
votes

Utilisez .nextall () code> + .andself () code> avec .Slice () code> .

$("#my-easily-identifiable-id").closest("td").nextAll().andSelf().slice(0, 7);


0 commentaires

6
votes

Je pense qu'une solution plus simple que celles publiées jusqu'à présent serait .nextuntil () . : xxx

saisit tous les éléments "suivant" jusqu'à ce que le filtre soit touché (dans ce cas, nous choisissons les 8 éléments suivants). Vérifié par jsfiddle .


3 commentaires

Il y a définitivement moins de méthodes impliquées, mais je ne suis pas sûr que j'appelle cela plus simple. +1 de toute façon


Semblable à certaines des autres réponses, vous n'incluez pas l'élément actuel, que le code d'origine est. De plus, probablement à la suite du violon, vous n'utilisez pas le plus proche ("td") comme l'original est.


@James, le deuxième exemple comprend l'élément actuel (voir . Etc.andself () ) et cette technique fonctionnera avec l'élément sélectionné ou le "TD" le plus proche ou tout autre élément sélectionné; mis à jour le post