JQuery DOM доступ к родительскому элементу

Question

JQuery DOM доступ к родительскому элементу

0

Мне нужно получить доступ к элементу tr в таблице.

У меня 3 столбца, и в последнем столбце есть флажок. В случае изменения у меня есть код:

alert( $(this).parent().parent().html() );

Которые получают все 3 td-элемента, но мне нужно это с tr parent tag.

Я пытался:

alert( $(this).parent().parent().parent().html() );

alert( $(this).parent().parent().prev().html() );

И не работает.

HTML:

<table>
   <thead bgcolor="#668c41">
      <tr>
         <th>App</th>
         <th>Server</th>
         <th>Action</th>
      </tr>
   </thead>
   <tbody id="dialog-app">
      <tr>
         <td>appA</td>
         <td>serverA</td>
         <td><input checked="" type="checkbox"></td>
      </tr>
   </tbody>
</table>

Jerry1 26 март 2014, в 10:07

Источник

1

Вы тоже можете поделиться своим html?
Unknown 26 март 2014, в 08:22
0

возможный дубликат jQuery: external html ()
Douglas 26 март 2014, в 08:23
0

<table> <thead bgcolor = "# 668c41"> <tr> <th> App </ th> <th> Сервер </ th> <th> Action </ th> </ tr> </ thead> <tbody id = "dialog-app"> <tr> <td> appA </ td> <td> serverA </ td> <td> <input selected = "" type = "checkbox"> </ td> </ tr> < / tbody> </ table>
Jerry1 26 март 2014, в 08:25
1

Попробуйте alert( $(this).closest('tr').prop('outerHTML') );
Arun P Johny 26 март 2014, в 08:25

Показать ещё 2 комментария

Теги:

jquery

2 ответа

1

если вы хотите достичь ближайшего окружения tr, вы можете использовать closest()

$(this).closest('tr')[0].outerHTML //to get html including the tr

→ http://api.jquery.com/closest/

Mohammad Adil 26 март 2014, в 05:34

Ещё вопросы

Вы тоже можете поделиться своим html?
возможный дубликат jQuery: external html ()
<table> <thead bgcolor = "# 668c41"> <tr> <th> App </ th> <th> Сервер </ th> <th> Action </ th> </ tr> </ thead> <tbody id = "dialog-app"> <tr> <td> appA </ td> <td> serverA </ td> <td> <input selected = "" type = "checkbox"> </ td> </ tr> < / tbody> </ table>
Попробуйте alert( $(this).closest('tr').prop('outerHTML') );

Felix · Accepted Answer · 2014-03-26T05-42-00.000Z

Вместо этого попробуйте использовать .closest():

alert( $(this).closest('tr').html() );

Если вы хотите, чтобы внешний HTML был вашим самым близким элементом tr, вы можете сделать следующее:

alert($(this).closest('tr')[0].outerHTML)