JavaScript Выберите элемент так, как CSS правильно

Question

Я хочу выбрать тег tbody без идентификатора, класса, тегов или чего-либо еще ...

В CSS я знаю, что могу использовать следующее, чтобы выбрать его:

table#header_info > tbody

Но как мне добиться того же в JavaScript / jQuery? Какой самый лучший способ?

Answer 1

В 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 2

Так же, как CSS, в jQuery ...

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

Я удалил ненужный селектор table, но вы можете сохранить его, если хотите.

---

http://docs.jquery.com/Tutorials

Answer 3

Используя простой 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 4

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

Но это не будет работать на некоторых старых браузерах. Вы должны использовать jquery

$("table#header_info > tbody")

Answer 5

С помощью jQuery вы можете сделать:

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

Или:

$("#header_info > tbody");

Answer 6

Это выберет tbody в таблице с идентификатором header_info, как ваш CSS выше.

$("#header_info tbody")