试图用多个表将html附加到'td'。我应该使用什么选择器?

时间:2014-11-06 23:27:55

标签: jquery html

所以这是我的问题。我的网页上有两张桌子,我正在构建一个数独游戏。我想要访问的表是一个名为“游戏”的类,它是一个类。它有81个td,每个都有一个名为squre的数据属性。我想循环遍历td元素并将每个整数附加到数组中。我无法弄清楚的是用于获取所有td的正确选择器,而不会影响我的其他表。 任何帮助都非常明确 - 提前致谢

var array = [4,3,8,9,5,1,2,7,7,1,2,3,6,4,5,8,9,5,8,9,7,1,2,3,6,4,5,8,4,7,1,9,3,6,2,2,3,6,4,5,8,9,7,1,9,7,1,2,3,6,4,5,8,9,7,8,2,3,1,4,5,6,6,4,5,8,9,7,1,2,3,1,2,3,6,4,5,8,9,7]; 
var game_start = function(button, array){ 
button.click(function(){
console.log('clicked');
 $(".table > td").each(function(e){
  console.log('preparing for loop')
  for(i = 0; i <= array.length -1; i++){
    $(e.target).html = array[i];
    console.log(array[i]);
  }
 })
})
}

2 个答案:

答案 0 :(得分:1)

选择器是

$('.game td')

然后在jQuery元素上使用它来获取数据属性:

$(element).data("square");

答案 1 :(得分:0)

如果您不想同时定位两个表,请提供您要选择ID的表,或者甚至只是一个唯一的类。

 <table id="table1" class="table"> ... </table>
 <table id="table2" class="table"> ... </table>

并使用$('#table1')

正如您已经解释过的那样,您目前正在使用选择器获取这两张桌子。