javascript - jQuery 多重选择器问题

Question

我正在玩扑克游戏。我有一个关于 jQuery 选择器的问题。
这是代码:

<!-- Rangée des cartes ♠ -->
<p id="1row"></p> 

<!-- Rangée des cartes ♥ -->
<p id="2row"></p> 

<!-- Rangée des cartes ♦ -->
<p id="3row"></p> 

<!-- Rangée des cartes ♣ -->
<p id="4row"></p> 

<!-- Rangée des boutons -->
<p> 
<input name="BoutonJoueur" type="submit" value="Joueur" onclick="javascript:CartesJoueur()" style="width : 180px; height : 30px" ></td>
<input name="BoutonFlop" type="submit" value="Flop" style="width : 180px; height : 30px"></td>
<input name="BoutonTurn" type="submit" value="Turn" style="width : 180px; height : 30px"></td>
<input name="BoutonRiver" type="submit" value="River" style="width : 180px; height : 30px"></td>
</p>

<!-- Rangée des cartes tirées pour Joueur, Flop, Turn, River -->
<p id="6row"></p> 

我想选择“1row”到“4row”。我这样做了:

$('p:lt(5), [src$="'+a+'"]').replaceWith('<img src="images/backcard.png" width = 118, height = 166, border=3, style = "border-color: #FFFFFF;" />');      

但是这不起作用。 我认为它确实 p:lt(5) AND [src$="'+a+'"]')。我想要WITH。你能告诉我必须在选择器中修改什么吗？
谢谢!

Answer 1

按照 tymeJV 的建议，删除 jQuery 选择器中的 ,。

试试这个:

$('p:lt(5) [src$="'+a+'"]').replaceWith('<img src="images/backcard.png" width = 118, height = 166, border=3, style = "border-color: #FFFFFF;" />');