javascript - 替换文档中的文本并制作可点击的 jQuery

Question

在我的页面上，我随机出现了单词-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!')
    })
});

Answer 1

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

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

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