Как найти родительский узел строки с помощью JQuery

Question

Из следующего HTML

<tbody> 
    <tr id="article0"> 
     <td id="CheckboxDiv0"> 
      <div class="checkbox"> 
       <label> 
        <input type="checkbox" id="CheckboxArticle0" value="helo"> 
       </label> 
      </div> 
     </td> 
    </tr> 
</tbody> 

Я пытаюсь получить идентификатор родительского

$ParentId = $("#checkboxArticle0").parentNode.parentNode.parentNode.parentNode.id; 

Код не работает нормально. Может ли кто-нибудь предложить мне, как захватить id родительского div, который является «статьей0»?

Answer 1

Вы можете использовать .closest()

var parentId = $("#CheckboxArticle0").closest("tr").attr("id"); 

Описание:

Метод closest() возвращает первый предок выбранного элемента.
См: This for more.

Answer 2

Попробуйте нравится эта

$("#checkboxArticle0").closest("tr").attr("id") 

Answer 3

$("#checkboxArticle0").parents('tr').attr("id") 

Answer 4

2 пунктов будет примечание:

1) Использование document.getElementById в JavaScript, чтобы получить доступ к любому элементу, используя его идентификатор,

2) Вы указали неверный идентификатор, используйте «CheckboxArticle0» вместо «checkboxArticle0» (C должна быть заглавная буква)

Правильный сценарий:

var ParentId=document.getElementById("CheckboxArticle0").parentNode.parentNode.parentNode.parentNode.id; 
alert(ParentId)