Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery选择器->;特定表中的所有TD_Javascript_Jquery - Fatal编程技术网

Javascript jQuery选择器->;特定表中的所有TD

Javascript jQuery选择器->;特定表中的所有TD,javascript,jquery,Javascript,Jquery,我仍在学习jQuery,选择器位非常有用,但我仍然不能完全理解它 我有一个id为table1的表,我想选择该表中的所有td。 (我真的想在每个td中用一个带overflow:hidden的div来包装文本,这样我可以强制单元格高度保持一致。) jQuery(javaScript?选择器的适当语法是什么? 也欢迎链接到Aweesome selector教程。这将选择所有单元格: $("#table1").find("td"); $("#table1 td") jQuery使用CSS3选择器,

我仍在学习jQuery,选择器位非常有用,但我仍然不能完全理解它

我有一个id为table1的表,我想选择该表中的所有td。
(我真的想在每个td中用一个带overflow:hidden的div来包装文本,这样我可以强制单元格高度保持一致。)

jQuery(javaScript?选择器的适当语法是什么?


也欢迎链接到Aweesome selector教程。

这将选择所有单元格:

$("#table1").find("td");
$("#table1 td") 
jQuery使用CSS3选择器,请在此处阅读:

以下几点应该可以做到

$('#table1 td').wrapInner('<div class="no-overflow"></div>');
为了完整起见,这里是关于

  • 我们在这种情况下使用的
$(“#表1 td”)。每个(函数(){
var text=$(this.html();
var div=$(“”);
div.html(文本);
$(this.html(div);
});

我想您想要美元('#table1 td')。wrapInner('');jQuery会自动添加@Surreal,但最好是符合标准:)。。因此,您可以使用一个自动关闭的div
“”
不需要.find(),一个选择器就可以:$(“#table1 td”)实际上有一个jQuery方法可以做到这一点:
.no-overflow{
      overflow:hidden;
      /*and whatever other css properties here*/
 }
$("#table1 td").each(function() {
  var text = $(this).html();
  var div = $("<div class=hiddenOverflow></div>");
  div.html(text);
  $(this).html(div);
});