如何在 Javascript 中的标签内获取属性以用于排序功能

Question

我发现这个功能运行良好，但我需要一些更具体的东西：

    function sortList() {
  var ul = document.getElementsByClassName("myUL")[0];
    
  Array.from(ul.getElementsByTagName("li"))
    .sort((a, b) => a.getAttribute('title').localeCompare(b.getAttribute('title')))
    .forEach(li => ul.appendChild(li));
}

所以，我需要从我的 li 中而不是 li 本身的 img 标签获取属性标题，但我不知道该怎么做。很抱歉提出这个愚蠢的问题，但我只是一个菜鸟，只是想创建一个供个人使用的简单存档。

Answer 1

使用Element.closest()

   function sortList() {
      var ul = document.getElementsByClassName("myUL")[0];
      Array.from(ul.getElementsByTagName("li"))
        .sort((a, b) => a.querySelector("img").getAttribute('title').localeCompare(b.querySelector("img").getAttribute('title')))
        .forEach(li => ul.appendChild(li));
    }

如何在 Javascript 中的标签内获取属性以用于排序功能

How to get attribute inside a tag in Javascript for sorting function

javascript

sorting

appendchild