jQuery变量引用顺序

Question

如果我宣布start_date＆amp;在$ .each之前的end_date变量插入一些span标签的最后一部分不起作用，但是如果它们是在$ .each之后声明的那么它就是。

这是为什么？我无法理解，我根本没有想法。

var dates_para = $("#field_dates p");

dates_para.each(function(){
    var html_content = $(this).html();
    $(this).html(html_content.replace("–", ""));
});

var start_date =  $("#start_date");
var end_date = $("#end_date");

start_date.after("<span id='start_datepicker' class='datepicker'></span>");
end_date.after("<span id='end_datepicker' class='datepicker'></span>");

Answer 1

如果#start_date和#end_date元素是段落的一部分，那么将新的html写入段落将创建新元素，旧的引用将失效。