2017-02-08 2 views
0

J'ai une table comme ceci:JQuery choisir parmi la sélection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="class1"><td>1</td><td class="Type">Type 1</td><td>Section 205</td><</tr> 
 
    <tr class="class2"><td>2</td><td class="Type">Type 1</td><td>Section 225</td></tr> 
 
    <tr class="class2"><td>3</td><td class="Type">Type 2</td><td>Section 115</td></tr> 
 
</table>

Je veux sélectionner une ligne qui a une classe spécifique et l'une des colonnes contient un texte spécifique. Je sais comment faire la deuxième chose avec: $("td.Type:contains(Type 1)").parent() mais sélectionnerait les première et deuxième rangées, et je veux que ceux qui classe est 2 (C'est le second). Je pensais que je pouvais faire un sélecteur à l'intérieur d'un sélecteur et j'essayer avec $("tr.class2 td.Type:contains(Type1)").parent() qui ne sélectionne pas quoi que ce soit, et qui est $("tr.class2").$("td.Type:contains(Type1)").parent() même pas une commande javascript valide.

je cherchais et je ne pouvais trouver comment obtenir une somme de sélections avec $(selector 1, selector 2), ce qui est pas ce que je fais semblant.

Répondre

1

passer un sélecteur à la fonction parent('.class2')

$('#result').append($("td.Type:contains(Type 1)").parent('.class2').attr('class'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="class1"><td>1</td><td class="Type">Type 1</td><td>Section 205</td></tr> 
 
    <tr class="class2"><td>2</td><td class="Type">Type 1</td><td>Section 225</td></tr> 
 
    <tr class="class2"><td>3</td><td class="Type">Type 2</td><td>Section 115</td></tr> 
 
</table><br/><br/><br/> 
 

 
<div id="result">Result: </div>

0

essayez ceci:

$("td.Type:contains(Type1)").parent('tr.class2');