关于更改div的内容：更改div的内容 – jQuery


Change content of div - jQuery

单击其中一个链接时，如何更改此分区的内容？

1
2
3
    Main Balance
    PayPal
    AlertPay
相关讨论

您可以订阅链接的.click事件，并使用.html方法更改DIV的内容：

1
2
3
4
5
6
7
8
9
10
$('.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元素，则应在中执行此附件。在插入新内容后，单击"处理程序"。如果保留了事件的原始选择器，您还可以查看用于附加处理程序的.delegate方法。

相关讨论

这里有两个jquery函数要使用。

1)click。这将接受一个匿名函数作为它的唯一参数，并在单击元素时执行它。

2)html。这将采用一个HTML字符串作为它的唯一参数，并将用提供的HTML替换元素的内容。

因此，在您的情况下，您需要执行以下操作：

1
2
3
4
$('#content-container a').click(function(e){
    $(this).parent().html('I\'m a new link');
    e.preventDefault();
});

如果您只想向DIV添加内容，而不是替换其中的所有内容，那么应该使用append：

1
2
3
4
$('#content-container a').click(function(e){
    $(this).parent().append('I\'m a new link');
    e.preventDefault();
});

如果希望新添加的链接在单击时也添加新内容，则应使用事件委托：

1
2
3
4
$('#content-container').on('click', 'a', function(e){
    $(this).parent().append('I\'m a new link');
    e.preventDefault();
});

4

尝试使用jquery更改DIV的内容。

查看更多@change content of div using jquery

1
2
3
4
5
6
7
8
9
$(document).ready(function(){
    $("#Textarea").keyup(function(){
        // Getting the current value of textarea
        var currentText = $(this).val();

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

您可以对replaceWith()进行同样的尝试。

1
2
3
4
5
6
7
8
9
10
$('.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;
});

.replaceWith()方法从DOM中删除内容，并通过一个调用插入新内容。

试试$('#score_here').html=total;。