JQuery нажмите на TR ID не приводит к ожидаемым результатам

Question

JQuery нажмите на TR ID не приводит к ожидаемым результатам

0

У меня есть php-массив:

 $users = array('Bob' => 'User',"Tom Smith'=>'Owner','Jack Mason' =>'User');

Я создаю таблицу этих пользователей:

<table align='center' width='100%' name='summary' id='summary'>

foreach ($users as $key => $value)
{
    echo "<tr><a href='#' id='" . $key . "' class='getDetail'>
                    <th>" . $key . "</th>
                        .....etc
}

и jquery

 $('#summary tr').click(function() {
 alert($(this).attr('id'));
 });

я бы ожидал, что предупреждение покажет ключ массива. $ Key определенно задан, потому что я вижу его в поле "th".

когда я нажимаю на любую строку в таблице, я получаю "undefined" в своем окне предупреждения. Я прислонился головой к стене, почему...

bart2puck 06 янв. 2014, в 21:50

Источник

0

this в вашем обратном вызове относится к элементу <tr> , который создает идеальный смысл, так как именно к этому прикреплен слушатель. Атрибут id otoh устанавливается в теге <a> , поэтому вам нужно сначала найти этот элемент ( $(this).find("a").attr("id"); ).
nietonfir 06 янв. 2014, в 20:28

Теги:

php

jquery

2 ответа

0

Пытаться:

$('#summary tr a').click(function() {
    alert($(this).attr('id'));
});

но ваш HTML некорректен, я думаю, вы должны поместить тег внутри тега TH.

Maciej Lew 06 янв. 2014, в 18:32

Ещё вопросы

this в вашем обратном вызове относится к элементу <tr> , который создает идеальный смысл, так как именно к этому прикреплен слушатель. Атрибут id otoh устанавливается в теге <a> , поэтому вам нужно сначала найти этот элемент ( $(this).find("a").attr("id"); ).

adeneo · Accepted Answer · 2014-01-06T18-38-00.000Z

1

Лучший ответ

Измените цикл на допустимый HTML, и обработчик события должен работать

<table align='center' width='100%' name='summary' id='summary'>

foreach ($users as $key => $value) {
  echo "<tr id='".$key."' class='getDetail'><th>".$key."</th>";
}

adeneo 06 янв. 2014, в 18:38

0

вариант 2 работает, вариант 1 - нет. из любопытства есть мысли о том, почему?
bart2puck 06 янв. 2014, в 20:02
0

Попробуйте $(this).find('a').prop('id') , должно быть то же самое, и кажется, что это будет способ получить его?
adeneo 06 янв. 2014, в 20:03
0

Обратите внимание, что якорь не является действительным потомком TR
adeneo 06 янв. 2014, в 20:04
0

@ bart2puck - только что сделал быстрый тест, и якорь перемещается из таблицы в Chrome, поскольку он пытается исправить ошибку, когда якорь находится в месте, где он не должен. Вам не нужен якорь, чтобы он работал с javascript, вы можете нажать что угодно.
adeneo 06 янв. 2014, в 20:07
0

да, я понял это. спасибо за вклад.
bart2puck 06 янв. 2014, в 20:10
0

@adeneo Пожалуйста, прочитайте это . id является атрибутом и поэтому не может быть возвращен через prop() . В этом случае правильной функцией является attr() .
nietonfir 06 янв. 2014, в 20:25
0

@nietonfir - Вы пили, id - это и атрибут, и свойство, поэтому вы можете использовать element.id а не element.getAttribute('id') в простом javascript.
adeneo 06 янв. 2014, в 20:33
0

@adeneo я знаю. Но большинство людей не знают разницы между атрибутом и свойством, поэтому использование рекомендованной функции значительно уменьшит возможные проблемы в будущем.
nietonfir 06 янв. 2014, в 20:42
0

@nietonfir - так что теперь вы знаете, но вы в своем последнем комментарии указали, что prop() не может вернуть идентификатор, в то время как фактически prop() будет более правильным способом получить идентификатор?
adeneo 06 янв. 2014, в 20:46
0

@adeneo Потому что я не согласен. prop() следует использовать только для логических свойств (отключено, проверено, доступно только для чтения и т. д.) или для динамических атрибутов. Поскольку атрибут id не попадает в эти определения, вы не должны (лучше? ;-)) использовать prop() но не attr() .
nietonfir 06 янв. 2014, в 20:53
0

Я согласен с тем, что в целом следует использовать attr() , но в моих исходных ответах использовалась attr() и она не работала для OP, поэтому я предложил другой подход, а затем я изменил ответ, просто изменив цикл PHP, поэтому я ' Я не совсем уверен, о чем идет речь, prop() прекрасно работает с ID, поскольку это свойство нативного элемента, и это всегда так, как в обычном javascript, меняя свойство, а не атрибут, так что Первоначальный комментарий был совершенно неверным, и теперь вы просто спорите.
adeneo 06 янв. 2014, в 21:01

Показать ещё 9 комментариев