Js замена текста?

Question

[alalala]

По нажатию на ссылку, в блоке подменяется текст

$(document).ready(function(){
        $('a.cr1').click(function() {
        $('div.myBlock').replaceWith('<div>заменяю блок</div>');
        return false;
        });   
    });

таких ссылок 4, текст нужно разный подставлять одному блоку
при клике на разные 4 ссылки
если продублирую, то не работают
как правильно сделать?

$(document).ready(function(){
        $('a.cr1').click(function() {
        $('div.myBlock').replaceWith('<div>заменяю блок</div>');
        return false;
        });   
       $('a.cr2').click(function() {
        $('div.myBlock').replaceWith('<div>заменяю блок</div>');
        return false;
        });   
    });

Comments

[Радость моя]

1. а разметку покажите
2. что именно не работает во 2ом варианте? если у вас там текст одинаковый в обоих случаях

Answer 1

[Владислав Ким]

Добрый вечер. Ты когда div заменяешь, ты меняешь его на div без класса, следовательно, при втором изменении он не сможет его поменять, так как не найдет div с классом myBlock. Вот так вот, например:

$(document).ready(function(){
        $('a.cr1').click(function() {
        $('div.myBlock').replaceWith('<div class="myBlock">заменяю блок</div>');
        return false;
        });   
    });

Должно сработать
https://codepen.io/staik4/pen/abdzgxY Вот тут можете посмотреть реализацию.

Comments

[Владислав Ким]

https://codepen.io/staik4/pen/abdzgxY Вот тут можете посмотреть реализацию.