Изменение содержимого div - jQuery

Ответ 1

Вы можете подписаться на событие .click для ссылок и изменить содержимое div с помощью метода .html:

$('.click').click(function() {
    // get the contents of the link that was clicked
    var linkText = $(this).text();

    // replace the contents of the div with the link text
    $('#content-container').html(linkText);

    // cancel the default action of the link by returning false
    return false;
});

Обратите внимание, что если вы замените содержимое этого div, обработчик кликов, который вы назначили, будет уничтожен. Если вы намерены ввести некоторые новые элементы DOM внутри div, для которых вам нужно прикрепить обработчики событий, эти вложения должны выполняться внутри обработчика .click после вставки нового содержимого. Если исходный селектор события сохранен, вы можете также взглянуть на метод .delegate для присоединения обработчика.

Ответ 2

Есть две функции jQuery, которые вы хотите использовать здесь.

1) click. Это будет использовать анонимную функцию как единственный параметр и будет выполнять ее при щелчке элемента.

2) html. Это займет строку html в качестве единственного параметра и заменит содержимое вашего элемента предоставленным html.

Итак, в вашем случае вы захотите сделать следующее:

$('#content-container a').click(function(e){
    $(this).parent().html('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

Если вы хотите только добавить контент в свой div, а не заменять все в нем, вы должны использовать append:

$('#content-container a').click(function(e){
    $(this).parent().append('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

Если вы хотите, чтобы новые добавленные ссылки также добавляли новый контент при нажатии, вы должны использовать делегирование событий:

$('#content-container').on('click', 'a', function(e){
    $(this).parent().append('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

Ответ 3

$('a').click(function(){
 $('#content-container').html('My content here :-)');
});

Ответ 4

Попробуйте $('#score_here').html=total;