Как можно изменить текст нескольких классов и не повториться?

Question

[kriitmen]

Есть несколько блоков

<div class="name">Иван</div>
<div class="city">Москва</div>

добавим инпут для редактирования имени и города

$('.name').click(function(){
    var name = $(this).text();
    $(this).html('');
    $('<input></input>')
        .attr({
            'type': 'text',
            'name': 'fname',
            'id': 'txt_fullname',
            'size': '30',
            'value': name
        })
        .appendTo('.name');
    $('#txt_fullname').focus();
});

$(document).on('blur','#txt_fullname', function(){
    var name = $(this).val();
    $('.name').text(name);
});

Как уменьшить код при редактировании класса city?

Answer 1

[Stalker_RED]

Вам точно нужен инпут?
Как сделать редактируемую таблицу?

Демка: https://jsfiddle.net/a3qw7w8q/

Comments

[kriitmen]

интересное решение