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，則選擇器將指向任何內容。