работа с атрибутами

[yintar]

Всем привет,
У меня есть таблица в ней напротив каждой строки чекбокс. При выборе строки(кликом по чекбоксу) мне надо для этой строки получить значение атрибута datum.

<tr class='sales_confirmation_no' datum='<?php echo $value['sales_date'] ?>'>

Вопрос:подскажите,пожалуйс та как мне получить значение атрибута datum из этой строки

[Aetae]

Если чекбокс где-то внутри tr, то:

$('tr[datum] input[type="checkbox"]').click( function(){
    alert(
        $(this).parents('tr[datum]').attr('datum')
    );
})

Иначе потребно каким либо образом связать конкретный чекбокс с конкретным tr.

[tysonfury2015]

А если снаружи

<table style="float: left">
<tr class='sales_confirmation_no' datum="foo">
 <td>foo</td>
 <td>foo</td>
 <td>foo</td>
</tr>
<tr class='sales_confirmation_no' datum="bar">
 <td>foo</td>
 <td>foo</td>
 <td>foo</td>
</tr>
<tr class='sales_confirmation_no' datum="baz">
 <td>foo</td>
 <td>foo</td>
 <td>foo</td>
</tr>
</table>

<input type="checkbox" style="margin-bottom: 10px"><br>
<input type="checkbox" style="margin-bottom: 10px"><br>
<input type="checkbox" style="margin-bottom: 10px"><br>

<script>
 
trs=[].map.call(document.querySelectorAll("tr"), function(x){return x})
;[].forEach.call(document.querySelectorAll("input[type=checkbox]"), function(x, i){
  x.onclick=function(){alert(trs[i].getAttribute("datum"))}
})


</script>

[yintar]

спасибо,работает

[рони]

trs=[].map.call

это зачем?

[tysonfury2015]

это зачем?

Чтобы получить коллекцию в виде массива. Я знаю, там есть какая-то нативная фигня для этого, что-то типа toArray, но я не помню

[рони]

Чтобы получить коллекцию в виде массива.

можно узнать а зачем? зачем нужен массив?

[tysonfury2015]

можно узнать а зачем? зачем нужен массив?

Да, он наверное там не нужен, там и так, по ключам все выдернется, ты прав. Во всяком случае, в данном примере. Просто с массивом как-то надежней, хз, что там может выкинуть эта гребаная коллекция.

[tysonfury2015]

рони,
Кстати, если говорить не для данного случая, а вообще, тут такая фигня может получится. допустим, ты получил коллекцию, в которой 3 числовых элемента. и потом, вызываешь, collection[5]. у тебя перформанс уйдет в говно, потому что лукап пойдет по всем ключам, и по всем прототипам, об этом тоже забывать не надо. Не знаю, может такие вещи сейчас оптимизируются, но в ручную оно всяко спокойней

[рони]

tysonfury2015,
про фигню не понял, жаргоном не владею.
querySelectorAll возвращает(псевдомассив) NodeList на момент поиска.

is a non-live NodeList

не живая ,в отличии от

getElementsBy* — живые! При изменении документа — изменяется и результат запроса.

, каким образом эта коллекция может изменится?
https://learn.javascript.ru/searchin...-getelementsby
https://developer.mozilla.org/ru/doc...erySelectorAll