Javascript查找并替换dom字符串

Question

我想使用javascript的replace方法来替换一些html字符串。 我通过获取 .outerHTML 存储了一个 dom 字符串，并想用该字符串替换一个特定的单词。 这是我用javascript获取的outerHTML dom：

<figure class="image" onclick="someMethod('btbjwkjpuynyzdijsvf5.jpg', 'Title','$caption', 'image','other params')">
    <img id="45435435345" src="btbjwkjpuynyzdijsvf5.jpg" caption="$caption" title="title">
    <figcaption>$caption</figcaption>
</figure>

这是想用我稍后从数据库中获取的真实标题替换所有 $caption 。 但这是行不通的。 我尝试在浏览器控制台上将此字符串存储在变量上，但它在单引号（在函数参数中可用）后给出错误。 所以我认为它存在无法识别的字符串值的问题。 我该如何解决这个问题，以便我可以从字符串中替换 $caption 值。

Answer 1

这不是一个好的做法，但您可以使用 javascript 模板引擎

 $("#myDiv").html($("#myDiv").html().replace(/\\$caption/g,'My caption'));

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="myDiv"> <figure class="image" onclick="someMethod('btbjwkjpuynyzdijsvf5.jpg', 'Title','$caption', 'image','other params')"> <img id="45435435345" src="btbjwkjpuynyzdijsvf5.jpg" caption="$caption" title="title"> <figcaption>$caption</figcaption> </figure> </div>

Answer 2

我会使用属性选择器

$("[caption]").attr("caption", myCaptionText)

你当然应该更具体一点，这样你就不会覆盖标题属性的每个实例

$(".specificParent [caption]").attr("caption", myCaptionText)