Замените текст в документе и сделайте clickable 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>');