javascript - 使用 Javascript 将 href 替换为 onclick

Question

我想用 .example-class 类更改每个 anchor 并将其 href 更改为

href="https://www.example.com/?fsaction=doSomething&id=123"

到

onClick="myFunction('id=123')"

类似的东西

$('.example-class').each(function() {
  var href = $(this).attr('href');
  var idOnly = (href -remove everything before and including id=);
  $(this).attr('onclick', "id='" + idOnly + "'")
  .removeAttr('href');
});

我怎样才能“删除 id= 之前的所有内容，包括 id=”，只得到 123，这行得通吗？

Answer 1

使用URL

$('.example-class').each(function() {
  var href = $(this).attr('href');
  var idOnly = (new URL(href)).searchParams.get("id");
  $(this).attr('onclick', "myFunction('id=" + idOnly + "')")
  .removeAttr('href');
});
function myFunction(id) {
  console.log(id);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="example-class" href="https://www.example.com/?fsaction=doSomething&id=123">Here</a>