Hướng dẫn get parent element by id javascript - lấy phần tử cha bằng id javascript

11

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang cố gắng hiển thị ID của cha mẹ UL khi nhấp ____1010. Nhưng cảnh báo là hiển thị giá trị là không xác định. Tôi làm sai ở đâu?

HTML:

<ul id='uiID'>
    <li id='myLi'>A</li>
</ul>

JavaScript

var x = document.getElementById("myLI").parentNode.nodeName;
alert(x.id);

Pherris

16.6K8 Huy hiệu vàng40 Huy hiệu bạc55 Huy hiệu Đồng8 gold badges40 silver badges55 bronze badges

Hỏi ngày 8 tháng 1 năm 2015 lúc 14:12Jan 8, 2015 at 14:12

1

Bạn không đính kèm bất kỳ sự kiện nhấp chuột nào vào phần tử và

var x = document.getElementById("myLI").parentNode.nodeName;
alert(x.id);

var x = document.getElementById("myLI").parentNode.nodeName;
alert(x.id);

document.getElementById("myLI").onclick = function(e){
  alert(e.target.parentNode.id);
}

Đã trả lời ngày 8 tháng 1 năm 2015 lúc 14:14Jan 8, 2015 at 14:14

Amit Jokiamit JokiAmit Joki

56,9K7 Huy hiệu vàng73 Huy hiệu bạc93 Huy hiệu đồng7 gold badges73 silver badges93 bronze badges

1

Bạn có thể làm điều gì đó như thế này:

<ul id='uiID'>
   <li id='myLi' onclick="alert(this.parentNode.id)">A</li>
</ul>

Đã trả lời ngày 8 tháng 1 năm 2015 lúc 14:14Jan 8, 2015 at 14:14

Amit Jokiamit Jokipotashin

56,9K7 Huy hiệu vàng73 Huy hiệu bạc93 Huy hiệu đồng11 gold badges81 silver badges105 bronze badges

1

Bạn có thể làm điều gì đó như thế này:

<li id='myLi'>A</li>
          ^^--- big L, small i

var x = document.getElementById("myLI").parentNode.nodeName;
                                   ^^---big L, big I

Potashinpotashin

43.6K11 Huy hiệu vàng81 Huy hiệu bạc105 Huy hiệu ĐồngJan 8, 2015 at 14:15

JavaScript nhạy cảm với hầu hết mọi thứ:Marc B

Vì bạn đang sử dụng ID không xác định, GetEuityByID sẽ trả lại NULL cho "Không tìm thấy trận đấu". NULL không có "ParentNode", do đó lỗi của bạn.42 gold badges404 silver badges488 bronze badges

0

var id = $(this).parent().attr("id");

console.log(id);

Đã trả lời ngày 8 tháng 1 năm 2015 lúc 14:15Mar 17, 2020 at 14:59

Marc Bmarc bOmair

351K42 Huy hiệu vàng404 Huy hiệu bạc488 Huy hiệu đồng1 bronze badge

HTML:

<ul id='uiID'>
<li id='myLi'>A</li>
</ul>

Đã trả lời ngày 17 tháng 3 năm 2020 lúc 14:59

var x = document.getElementById("myLi").parentNode;
alert(x.id);

OmairomairSep 12, 2020 at 5:24

Huy hiệu 411 Đồng

JavaScript (*bạn chỉ cần xóa ".nodename" từ x)

Đã trả lời ngày 12 tháng 9 năm 2020 lúc 5:24

Bạn có thể sử dụng chức năng gần nhất để có được cha mẹ. Hãy đến gần nhất với yếu tố của tôi.Sep 12, 2020 at 5:31

var el = document.getEuityById ('myli');benzo

var r1 = el.closest ("ul");1 gold badge6 silver badges21 bronze badges

Đã trả lời ngày 12 tháng 9 năm 2020 lúc 5:31

<p>Example list:</p>

<ul id="ul-id">
  <li id="myLI">Coffee</li>
  <li>Tea</li>
</ul>

<p>Click the button to get the node name of the parent element of the li element in the list.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myLI").parentElement.id;
  document.getElementById("demo").innerHTML = x;
}
</script>

BenzobenzoSep 22, 2020 at 21:05

4211 Huy hiệu vàng6 Huy hiệu bạc21 Huy hiệu đồngShriP

Bạn có thể sử dụng document.getEuityById ("MYLI"). ParentEuity.id6 bronze badges

Làm cách nào để tìm ID phần tử cha mẹ?

Làm thế nào để tôi có được các nút cha mẹ?

Làm cách nào để có được phần tử cha trong truy vấn?

Làm thế nào để bạn nhận được ID của một phần tử được nhấp bằng JavaScript?