Avoir des difficultés à trouver le code sélecteur / jquery correct pour le scénario suivant. Vous voulez à partir du point de départ d'un tr avec id commençant par SIEcat insérer une nouvelle ligne avant la ligne suivante commençant par SIEcat?

<table>
  <tr id="SIEcat1"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr id="SIEcat2"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
</table>

Etc

Code jusqu'à présent

$("#SIEcat1").selectorcodeXXX.before('<tr class="SIErow">xxxx</tr>');
jquery insert selector
1
Kevin Lindmark 23 nov. 2017 à 19:46

3 réponses

Meilleure réponse

Utilisez une combinaison de l'attribut CSS starts-with et du sélecteur nextAll () de jQuery:

$('[id^=SIEcat]').nextAll('[id^=SIEcat]').before('<tr class="SIErow"><td>xxxx</td></tr>');

Cela sélectionne l'élément avec un identifiant commençant par SIEcat, puis parcourt tous les frères suivants jusqu'à ce qu'il trouve l'identifiant suivant commençant par SIEcat et insère la ligne avant lui.

Exemple de codepen.

1
delinear 23 nov. 2017 à 17:06

Vous pouvez utiliser le sélecteur "start with": ^= et first méthode ,
comme ceci: $('[id^=SIEcat]').first()

$('[id^=SIEcat]').first().before('<tr class="SIErow"><td>xxxx</td></tr>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id="SIEcat1"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr id="SIEcat2"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
</table>
0
Mosh Feu 23 nov. 2017 à 17:14

Vous pouvez utiliser le sélecteur suivant:

$('[id^=SIEcat]:not(:first-child)').before('<tr class="SIErow"><td>xxxx</td></tr>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id="SIEcat1"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr id="SIEcat2"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
  <tr class="SIErow"><td>Columncode</td></tr>
</table>
0
A. Wolff 23 nov. 2017 à 17:13
47460155

Questions connexes

17 Comment obtenir les enfants du sélecteur $ (this)?
13 event.preventDefault () vs. return false
23 Téléchargement de fichier jQuery Ajax

De nouvelles questions

1 Répétez la fonction de clic Clonage de Div après un clic jQuery?
1 Obtenir la valeur de la ligne du tableau en fonction du clic sur le bouton à l'aide de Jquery / Javascript
2 Créer plusieurs instances aléatoires de la même division au clic avec / jQuery / Javascript?
1 Pourquoi la fonction each () ne fonctionne-t-elle pas avec des entrées attachées au DOM?
1 Changer l'image à mesure que l'utilisateur fait défiler vers le haut et vers le bas avec Javascript
1 Jquery chaque boucle créant une sortie json
1 Jquery comment passer l'ID de valeur d'un gestionnaire d'événements à un autre
3 Comment obtenir le texte du parent et de son parent en cliquant sur une balise de barre de navigation
1 Comment puis-je obtenir le texte du lien parent lorsque le lien est cliqué
1 Comment lire à partir de JSON externe et appliquer à la barre de navigation Javascript
Toutes les questions sur jquery >

jquery

jQuery est une bibliothèque JavaScript, pensez également à ajouter la balise JavaScript. jQuery est une bibliothèque JavaScript multi-navigateur populaire qui facilite la traversée du Document Object Model (DOM), la gestion des événements, les animations et les interactions AJAX en minimisant les écarts entre les navigateurs. Une question marquée jQuery doit être liée à jQuery, donc jQuery doit être utilisée par le code en question et au moins les éléments liés à l'utilisation de jQuery doivent être dans la question.

Plus à propos jquery...