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

Question

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

как можно изменить содержимое этого div, когда одна из ссылок нажата?

<div align="center" id="content-container">

    <a href="#" class="click cgreen">Main Balance</a>

    <a href="#" class="click cgreen">PayPal</a>

    <a href="#" class="click cgreen">AlertPay</a>

</div>

500 6

jQuery

6 ответов:

Comments

Ничего не найдено.

Darin Dimitrov · Accepted Answer · 2014-10-29 22:50:52

вы можете подписаться на .событие 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, для которых вам нужно прикрепить обработчики событий, эти вложения должны быть выполнены внутри .щелкните обработчик после вставки нового содержимого. Если оригинальный селектор события сохраняется вы также можете взглянуть на .delegate метод для присоединения обработчика.

Joseph Silber · Accepted Answer · 2015-03-06 01:34:32

есть 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();
});

Jørgen · Accepted Answer · 2011-08-21 18:37:09

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

Manoj Kadolkar · Accepted Answer · 2018-01-05 08:30:18

Вы можете попробовать то же самое с replacewith()
$('.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').replaceWith(linkText);

    // cancel the default action of the link by returning false
    return false;
});
The .replaceWith() метод удаляет содержимое из DOM и вставляет новое содержимое на его место с помощью одного вызова.

jonathan klevin · Accepted Answer · 2018-04-03 14:21:36

попробуйте изменить содержимое div с помощью jQuery.

Посмотреть больше @ изменить содержимое div с помощью jQuery
$(document).ready(function(){
    $("#Textarea").keyup(function(){
        // Getting the current value of textarea
        var currentText = $(this).val();

        // Setting the Div content
        $(".output").text(currentText);
    });
});

Sanjay Devarajan · Accepted Answer · 2013-10-22 06:56:38

попробовать $('#score_here').html=total;

-1

2013-10-22 06:56:38