Question

我想选择一个没有ID或类或标签的tbody标签或其他......

在CSS中我知道我可以使用以下内容来选择它：

table#header_info > tbody

但是我怎样才能在JavaScript / jQuery中实现同样的功能呢？什么是最好的方式？

Answer 1

就像CSS一样，在jQuery中......

var tbody = $('#header_info > tbody')

我删除了不必要的table选择器，但如果需要，可以保留它。

http://docs.jquery.com/Tutorials

Answer 2

在jQuery中：

var tbody = $('#header_info').children('tbody');

在MooTools中：

var tbody = $('header_info').getChildren('tbody');

在DoJo：

var tbody = dojo.query('tbody', '#header_info');

在Raw JS中：

var tbody = document.querySelectorAll("#header_info > tbody ");

在Raw JS旧版本中：

var tbody = document.getElementById('header_info').getElementsByTagName('tbody');

还有许多其他JavaScript选择引擎和功能，您可以使用...

Answer 3

使用jQuery，您可以：

$("#header_info").children("tbody");

或者：

$("#header_info > tbody");

Answer 4

var elem = document.querySelectorAll("table#header_info > tbody ");

但这对某些旧浏览器无效。你应该使用jquery

$("table#header_info > tbody")

Answer 5

使用纯JavaScript，您可以使用getElementsByTagName()

// This retrieves the first `<tbody>` found as a child of the node with
// id `header_info`
document.getElementById('header_info').getElementsByTagName('tbody')[0]

Answer 6

这将在表格中选择一个ID为header_info的tbody，就像上面的CSS一样。

$("#header_info tbody")

JavaScript以适当的方式选择CSS中的元素

6 个答案: