javascript - 从类名中获取 div 值

Question

我有一个非常大的 HTML，其中包含很多 div s 具有相同的名称，我想要一种方法来仅从 div 中过滤或提取该值.

这是一个例子:

<td class="last">
  <div class="container-relative">
    <div class="name" title="&quot;User&quot; <John Appleseed>"></div>
    <div class="date">9/17/2019</div>
    <div class="tool"></div>
  </div>
</td>

我只需要提取 <John Appleseed> 之间的内容，在本例中是“John Appleseed”。

Answer 1

你可以使用 querySelectorAll 获取类为 name 的所有元素, 然后得到 title属性为 getAttribute , 最后使用正则表达式匹配 <> 之间的文本.

document.querySelectorAll('.name').forEach(item => {
  let title = item.getAttribute('title');
  console.log(title.match(/\<.*\>/));
});

<td class="last">
  <div class="container-relative">
    <div class="name" title="&quot;User&quot; <John Appleseed>"></div>
    <div class="date">9/17/2019</div>
    <div class="tool"></div>
  </div>
</td>