Question

我正在尝试根据样式标记修改HTML内容

以下是html的部分：

<!DOCTYPE html>
<html>
  <body>
    <span style="color:restest">Testing</span>
    <br>
    <span style="color:restest">Testing Again</span>
  </body>
</html>

我想用 style =“color：restest”修改所有跨距实例，并在内容中添加html标签。

他们应该成为：

<a href="example.com/testing">Testing</a>
<a href="example.com/testing_again">Testing_Again</a>

Answer 1

最简单的方法是使用jQuery#replaceWith：

$('span[style="color:restest"]').each((i,e) => {
  $(e).replaceWith(`<a href="example.com/${e.innerHTML}">${e.innerHTML}</a>`);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span style="color:restest">Testing</span>
<span style="color:restest">Testing Again</span>

使用样式标记的JQuery修改html内容

1 个答案: