使用jQuery在另一个div中选择一个div

时间:2014-12-05 14:08:49

标签: javascript jquery for-loop jquery-selectors

所以我尝试在另一个div中选择一个div。我的HTML是这样的:

<div id="Stage_game_page1"><div id="cube0">[...]</div><div id="cube1">[...]</div></div>

我想在我的Stage_game_page中使用jQuery或JS选择我的#cube0。

选择的目标是在循环中使用它。

我试过了:

var count =$("#Stage_game_page").children().length;
for(i=0; i<count;i++){
    $("#Stage_game_page")$("#cube"+i)[...]
   }

我不明白我做错了什么。

8 个答案:

答案 0 :(得分:1)

var count =$("#Stage_game_page").children().length;
for(i=0; i<count;i++){
    $("#cube"+i);
   }

这足以选择&#34;#cube0&#34; /&#34;#cube1&#34; /&#34;#cube2&#34;特别是因为ids总是独一无二的。回答问题$("#cube0", "#Stage_game_page") ...这就是你在另一个div中选择div的方法

答案 1 :(得分:1)

id属性应该只使用一次!我在上面看到你两次使用id =“cube0”。如果希望在多个实例中识别div,请改用类(而不是#)。两次使用相同的ID可能会破坏您的脚本。

我相信你的html,你可以使用id“cube0”,“cube1”等,只要你可以手动输入它们。这应该适用于你想要使用的循环。

答案 2 :(得分:1)

循环遍历cube

内{id}为Stage_game_page1的每个div
$("#Stage_game_page1 > div[id^='cube']").each(function () {
    alert($(this).html());
});

JSFiddle

Child Selctor

Starts with Selector

答案 3 :(得分:1)

使用each()进行循环。

$('#Stage_game_page1').children().each(function(index) {
  // your code here with index starts from 0
});

或使用jquery attribute starts with selector

$('#Stage_game_page1').find('[id^="cube"]').each(function(index) {
  // your code here
});

答案 4 :(得分:0)

您需要使用.find().children()等。

答案 5 :(得分:0)

正确的jQuery用法是

$("#Stage_game_page").find('#cube'+i)

在容器#stage_game_page

中找到具有该ID的div

答案 6 :(得分:0)

你的html代码中有多个cube0 ..

我认为外观应该包含类似内容:

$("#cube"+i)[...]

答案 7 :(得分:0)

另一个解决方案是:

$("#Stage_game_page1 div[id='cube0']")