是否可以用jquery替换div元素并更新dom？_Jquery

是否可以用jquery替换div元素并更新dom？

jquery

是否可以用jquery替换div元素并更新dom？,jquery,Jquery,嘿，伙计们，快速提问，我想用两个新的div来更新一个div的内容，以取代以前的div。每个新的div都有一个唯一的id来代替旧的div。然后，我希望任何进一步的更新都使用新div的id作为它们的值，而不是原始值。这在Jquery中可能吗？提前感谢您的帮助 var display_total = $(".display_total").attr("id"); var display_of_total = $(".display_of_total").attr("id"); var new_dis

嘿，伙计们，快速提问，我想用两个新的div来更新一个div的内容，以取代以前的div。每个新的div都有一个唯一的id来代替旧的div。然后，我希望任何进一步的更新都使用新div的id作为它们的值，而不是原始值。这在Jquery中可能吗？提前感谢您的帮助

var display_total = $(".display_total").attr("id");
var display_of_total = $(".display_of_total").attr("id");

var new_display_of_total = parseInt(display_of_total) + 1;
var new_display_total = parseInt(display_total) + 1;

$('.totalmessages').html('
    <div class="display_of_total" id="' + new_display_of_total + '">
        Displaying ' + new_display_of_total + ' of 
    </div>
    <div class="display_total" id="' + new_display_total + '">'
        + new_display_total + ' messages...
    </div>
');

var display_total=$（“.display_total”）.attr（“id”）；
var display_of_total=$（“.display_of_total”）.attr（“id”）；
var new_display_of_total=parseInt（display_of_total）+1；
var new_display_total=parseInt（display_total）+1；
$（'.totalmessages'）.html（'
显示“+”的新显示“+”的总显示“+”
'
+新建\u显示\u总计+'消息。。。
');

（编者注：原始代码中没有换行符）

为什么不使用DOM操纵方法？像这样：

var new_display_total= 1 + parseInt($(".display_total").attr("id"));
var new_display_of_total= 1 + parseInt($(".display_of_total").attr("id"));

$('.totalmessages').empty();

var new_total_element = $('.totalmessages').append('<div class="display_of_total" id="'+new_display_of_total+'">Displaying '+new_display_of_total+' of </div>"');

var new_display_of_total_element = $('.totalmessages').append('<div class="display_total" id="'+new_display_total+'">'+new_display_total+' messages...</div>''

var new_display_total=1+parseInt（$（“.display_total”）.attr（“id”）；
var new_display_of_total=1+parseInt（$（“.display_of_total”）.attr（“id”）；
$（'.totalmessages'）.empty（）；
var new_total_element=$（'.totalmessages'）.append（'Displaying'+new_display_of_total+'of'）；
var new_display_of_total_元素=$（'.totalmessages'）。append（''+new_display_total+'消息…''）

为什么不使用DOM操纵方法？如下所示：

var new_display_total= 1 + parseInt($(".display_total").attr("id"));
var new_display_of_total= 1 + parseInt($(".display_of_total").attr("id"));

$('.totalmessages').empty();

var new_total_element = $('.totalmessages').append('<div class="display_of_total" id="'+new_display_of_total+'">Displaying '+new_display_of_total+' of </div>"');

var new_display_of_total_element = $('.totalmessages').append('<div class="display_total" id="'+new_display_total+'">'+new_display_total+' messages...</div>''

var new_display_total=1+parseInt（$（“.display_total”）.attr（“id”）；
var new_display_of_total=1+parseInt（$（“.display_of_total”）.attr（“id”）；
$（'.totalmessages'）.empty（）；
var new_total_element=$（'.totalmessages'）.append（'Displaying'+new_display_of_total+'of'）；
var new_display_of_total_元素=$（'.totalmessages'）。append（''+new_display_total+'消息…''）

从你所发布的内容来看，你几乎已经做到了。什么对你不起作用

不过，我确实有几句友好的建议

首先，根据一个元素的id，它不能仅仅是一个数字（Firefox似乎对数字id很在行）

命名规则：

必须以字母a-Z或a-Z开头
可后跟：字母（A-Za-z）、数字（0-9）、连字符
（“-”，下划线（“”），冒号
（“：”）和期间（“.”）
值区分大小写

如果它需要是一个数字，您可以使用一个数据属性来代替

。然后您可以用获取id的相同方式访问它，只需将“data num”替换为“id”。

$（'.display_total'）.attr（'data-num'）

其次，我会将其放在一个可以为某个操作调用的函数中，您需要

然后我希望任何进一步的更新都使用新div的id作为它们的值，而不是原始值。

将得到满足

您的函数将类似于：

function updateMessages(){
    var display_total=$(".display_total").attr("data-num");
    var display_of_total=$(".display_of_total").attr("data-num");

    var new_display_of_total=parseInt(display_of_total)+1;
    var new_display_total=parseInt(display_total)+1;

    $('.totalmessages').html('<div class="display_of_total" data-num="'+new_display_of_total+'">Displaying '+new_display_of_total+' of </div><div class="display_total" data-num="'+new_display_total+'">'+new_display_total+' messages...</div>');
}