jQuery는 복제본으로 div를 대체합니다.

Question

복제 된 값으로 td 값을 대체 할 작은 js 스크립트를 만들려고합니다.

나는 더 명확하게 바이올린을 만들었습니다.

테이블의 자세히 버튼을 클릭 한 다음 복제 된 div '123'을 사용하여 더보기를 교체하려고합니다. 그리고 나는 그것이 마지막 tr의 마지막 td가되기를 원하지만, 나는 나중에 그것을 살펴볼 것입니다.

Fiddle Example

jQuery(document).ready(function($) { 

    $('table').each(function(){ 
    var $table = $(this); 
    var n = $(this).find("tr:nth-child(4) td:visible").length; 
    var c = $(this).find('tr:nth-child(3)').last().find('td:last').clone(); 
    $(this).find('tr:nth-child(3)').last().find('td:last').html(
     "<a href='javascript:void(0)' class='more-countries-big'>More</a>" 
    ); 
    var x = $("<a href='javascript:void(0)' class='more-countries-big'>More</a>"); 
    x.on('click', function(){ 
     $table.find('tr:nth-child(3)').last().find('td:last').html(c.html()); 
    }); 
    }); 
    $("table").each(function(){ 
    var $tr = $(this).find('tr'); 
    $tr.hide(); 
    $tr.eq(0).show(); 
    $tr.eq(1).show(); 
    $tr.eq(2).show(); 
    }); 

    $('a.more-countries-big').on('click',function(){ 
     var txt = $(".open-continents").is(':visible') ? 'More' : 'Less'; 
     $(this).parents('table').find('tbody tr').toggleClass('open-continents'); 
     $(this).parents('table').find('a.more-countries-big').text(txt); 
    }); 

}); 

는

Answer 1

귀하의 솔루션은 여기에 감사 : 당신은 그런 식으로 사용할 수 있습니다 : 당신이 더 많은 열이 다른 링크 존경받는 이벤트를 사용하여 추가 할 경우

$('a.more-countries-big').on('click',function(){ 
     if($(this).hasClass('less')) { 
      $(this).removeClass("less"); 
      $(this).text("More"); 
      $(this).parents("table").find("tr:last").remove(); 
     } else { 
      var tds = $(this).parents("table").find("tr:last").html(); 
      $(this).parents("table").append("<tr>"+tds+"</tr>"); 
      $(this).addClass("less"); 
      $(this).text("Less"); 
     } 
    }) 

.