替换文档中的文本并使jQuery可点击

Replace text in document and make clickable jQuery

本文关键字：jQuery 文档 文本 替换      更新时间：2023-09-26

在我的页面上，我随机选择了单词-FORM-。我想用两个短划线来替换可点击的div。目前，我有一些代码可以工作，但它不可点击。

$(document).ready(function(){
    $formContainer = $('<div id="get-form">This is my div container container</div>').html();
    document.body.innerHTML = document.body.innerHTML.replace('-FORM-', $formContainer);
    $('#get-form').click(function(){
        alert('Click!')
    })
});

.html()获取元素的内部html，在本例中仅获取元素的文本。它没有得到外部html。您需要使用$formContainer[0].outerHTML来获得完整的html字符串。

尽管在这种情况下，您甚至不需要它，因为没有理由将html字符串包装到jQuery对象中，因为您以后再也不会使用jQuery对象。只需在replace:中使用您的html字符串

document.body.innerHTML = document.body.innerHTML.replace('-FORM-', '<div id="get-form">This is my div container container</div>');
相关文章：