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

Question

所以我尝试在另一个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)[...]
   }

我不明白我做错了什么。

Answer 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的方法

Answer 2

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

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

Answer 3

循环遍历cube

内{id}为Stage_game_page1的每个div

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

JSFiddle

Child Selctor

Starts with Selector

Answer 4

使用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
});

Answer 5

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

Answer 6

正确的jQuery用法是

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

在容器#stage_game_page

中找到具有该ID的div

Answer 7

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

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

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

Answer 8

另一个解决方案是：

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