Как получить все Div внутри таблицы с помощью JavaScript

Question

Пожалуйста, скажите мне, как я могу получить массив всех этих DIV конкретных таблицы, LANG = «1» с помощью Javascript

структура таблицы выглядит так:

<table> 
<tr> <td> < div id=1 lang="1" > some metter </div> </td></tr> 
<tr> <td> < div id=2 lang="2" > some metter </div> </td></tr> 
<tr> <td> < div id=3 lang="1" > some metter </div> </td></tr> 
<tr> <td> < div id=4 lang="1" > some metter </div> </td></tr> 
</table> 

Answer 1

Вы могли бы дать table уникальный идентификатор, а затем использовать функцию getElementsByTagName:

var table = document.getElementById('tableId'); 
if (table == null) return; 
var divs = table.getElementsByTagName('div'); 
for (var i = 0; i < divs.length; i++) { 
    var div = divs[i]; 
    if (div.lang == '1') { 
     alert(div); 
    } 
} 

Answer 2

Это проще, если вы используете библиотеку как Prototype, jQuery, Closure и т.д., которые предлагают почти-полный набор CSS3 selectors.

Используя прототип, это будет выглядеть следующим образом:

var table = /* ...an expression finding the table...*/; 
var divs = table.select('div[lang=1]'); 

Так, например, если вы даете таблицу id из "MyTable":

var table = $('myTable'); 
var divs = table.select('div[lang=1]'); 

Или просто

var divs = $('myTable').select('div[lang=1]'); 

Использование jQuery, если вы укажете id на свой стол, это:

var divs = $('#myTable div[lang=1]'); 

(Да, JQuery и Prototype оба используют $, но и для различных вещей.)

Answer 3

Попробуйте

$('table[lang="1"]'); 

или назначить их класс позволяет сказать "divclass" и выберите их

$('.divclass[lang="1"]'); 

Это синтаксис jQuery, поскольку кто-то еще отправил в прототипе

Answer 4

, что случилось с ПР»простой JavaScript?

var divs = document.getElementsByTagName('table')[0].getElementsByTagName('div');

редактировать: забыли последнюю часть

var divLang = []; 
for(a in divs){ 
    ((divs[a].getAttribute('lang')) ==1)? divLang.push(divs[a]) : false; 
}