如何在HTML元素中获取href？

Question

我循环遍历这样的对象列表：

for (var i=0;i<rows.length;i++) {
   console.log(rows[i].children[2])
}

它正在输出这样的html：

  <td style="padding-left: 1em">
    <a href="/assets/images/royce/royce-trumbull-09.jpg">royce-trumbull-09.jpg</a>
  </td>

而我只是试图从上面的<td>获取href属性。我尝试了rows[i].children[2].getAttribute("href")和rows[i].children[2].href等等。我只想返回"/assets/images/royce/royce-trumbull-09.jpg"

Answer 1

看起来你需要

rows[i].children[2].children[0].getAttribute("href")

正确？由于rows[i].children[2]的输出是td元素，而不是其中的a。

Answer 2

你可以循环完成。像这样：

$("tr a").each(function() {
    var href = $(this).attr("href");
    // do what you want with it
})

Answer 3

试一试：

var rows = document.querySelector("table tr").children;

for (var i=0;i <rows.length;i++) {
     var href = rows[i].querySelector('a').getAttribute("href");
   console.log(href);
}