Jquery replaceWith没有处理多个div

Question

所以，我创建了这个很好用的脚本：

  $(function() { $(".decorrer").click(function(e) { x = jQuery('#1').clone().attr("id", "dinamics"); jQuery('#dinamics').replaceWith(jQuery(x)); }); $(".Futuras").click(function(e) { x = jQuery('#2').clone().attr("id", "dinamics"); jQuery('#dinamics').replaceWith(jQuery(x)); }); $(".Passadas").click(function(e) { x = jQuery('#3').clone().attr("id", "dinamics"); jQuery('#dinamics').replaceWith(jQuery(x)); }); $(".2017").click(function(e) { x = jQuery('#sete').clone().attr("id","something"); jQuery('#something').replaceWith(jQuery(x)); }); 

 <div class="col-md-3" id="status"> <ul> <li class="decorrer"><a href="#">A decorrer</a></li> <li class="Futuras"><a href="#">Futuras</a></li> <li class="Passadas"><a href="#">Passadas</a></li> <li class="2017"><a href="#">Passadas</a></li> </ul> </div> <div class="col-md-7" id="dinamics"> </div> <div style="display:none;"> <div id="1"> <p>content1</p> </div> <div id="2"> <p>content2</p> </div> <div id="3"> <div class="col-md-1" id="years"> <ul> <li class="2016"><a href="#">2017</a></li> <li class="2015"><a href="#">2016</a></li> </ul> </div> </div> <div class="col-md-6" id="pastExpos"> <div id="something"> <h3>something</h3> </div> </div> <div id="sete"> <div class="col-md-6"> <h3>dezassete</h3> </div> </div> </div> 

但是一旦我将li class =“2017”从div class =“status”下的ul更改为div class =“years”（这是它的预期位置）下的ul，它就会停止工作。 你能帮我吗？

谢谢

Answer 1

当您更改<li>类时，您还必须更改Jquery：

$(".2017").click(function(e) {
    x = jQuery('#sete').clone().attr("id","something");
    jQuery('#something').replaceWith(jQuery(x));
    });

因为您正在选择2017课程，如果您更改HTML而不是Jquery，则选择器将指向任何内容。