Question

我试图将div添加到集合中的第4项，但它不起作用。我没有收到任何错误消息，根本没有任何反应。这是jQuery函数：

$('.divGame:nth-child(4)').append("<div class='ribbon'><div class='text'>Mobile</div></div>");

它应附加的HTML：

<div class="divGame n177">
  <span class="name">Three Wishes</span>
  <div class="img"><img id="lvGames_ctrl3_ImgGameImage" src="../../App_Themes//images/Provider_11_1/Games/casinoGames_ThreeWishes.jpg" style="border-width:0px;"></div>
  <a id="lvGames_ctrl3_hyperlinkGameFree" class="btnFree False Available_True" href="javascript:startGamectl00_ctl05_11_1('177', '1', '0')">Free</a>
  <a id="lvGames_ctrl3_hyperlinkGame" class="btnPlay" href="javascript:startGamectl00_ctl05_11_1('177','0', '1')">Play</a>                       
</div>

Answer 1

你错误地使用：nth-child（）选择器。它用于其父母的“n-child”的子元素。检查此链接 - http://jsfiddle.net/81t3sgu9/

正确的语法是 -

$('.divGame a:nth-child(4)').append("<div class='ribbon'><div class='text'>Mobile</div></div>");

jQuery nth-child（）追加不起作用

1 个答案: