时间戳

首页 > 解决方案 > 从类名中获取 div 值

javascript - 从类名中获取 div 值

问题描述

我有一个非常大的 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”。

标签： javascripthtmlcss

解决方案

您可以使用querySelectorAllclass 获取所有元素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>

推荐阅读