Javascript 使用 parseint 从类名中获取 id 号

Question

使用 Javascript，我尝试从如下所示的元素中提取数字

document.getElementById("mybutton").addEventListener("click", function() {

  console.log("Button clicked")

  parent = this.parentNode;
  console.log(parent);

  value = parseInt(parent);
  console.log(value);

});

#mybutton {
  padding: 20px;
  background: gold;
}

<div class="myelement myid-364444-number">
  <div id="mybutton">
    Button
  </div>
</div>

我每次都得到NaN，我哪里错了？

Answer 1

对于此特定示例，最简单的方法是在 parent 节点的 className 上使用正则表达式。

document.getElementById("mybutton").addEventListener("click", function() {

  console.log("Button clicked")

  const parent = this.parentNode;
  console.log(parent);

  const value = parseInt(parent.className.match(/\d+/));
  console.log(value);

});

#mybutton {
  padding: 20px;
  background: gold;
}

<div class="myelement myid-364444-number">
  <div id="mybutton">
    Button
  </div>
</div>