JQuery OnClick загрузить тр

Question

я хочу достичь следующие функциональные возможности с помощью JQuery: У меня есть tr, который должен быть повторен при + нажатии и со следующего года, но tr+ и - варианты должны быть доступны. Кроме того, при отправке формы я хочу сохранить запись всех <tr> и данных.

<div class="clear clearfix table-eform" id="mandatoryConditions"> 
    <table class="zytbl txDetGrid"> 
    <tbody> 
     <tr class="tophead"> 
     <td class="bld"> 
      <?php echo lang('LBL_MANDATORY')?> 
     </td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     </tr> 
     <tr class="mandatoryCondition"> 
     <td> 
      <div class="frmInpt"> 
      <select name="selRulelhsCondition" id="selRulelhsCondition" class="text frmEle"> 
       <option value=""> 
       <?php echo lang('LBL_SELECT')?> 
       </option> 
       <option value="1"> 
       <div>Status</div> 
       </option> 
      </select> 
      </div> 
     </td> 
     <td> 
      <div class="frmInpt"> 
      <select name="selRuleOperandCondition" id="selRuleOperandCondition" class="text frmEle"> 
       <option value=""> 
       <?php echo lang('LBL_SELECT')?> 
       </option> 
       <option value="1"> 
       <div>Is equal to</div> 
       </option> 
       <option value="1"> 
       <div>Is not equal to</div> 
       </option> 
      </select> 
      </div> 
     </td> 
     <td> 
      <div class="frmInpt"> 
      <select name="selRulerhsCondition" id="selRulerhsCondition" class="text frmEle"> 
       <option value=""> 
       <?php echo lang('LBL_SELECT')?> 
       </option> 
       <option value="1"> 
       <div>Inactive</div> 
       </option> 
       <option value="1"> 
       <div>Pending</div> 
       </option> 
       <option value="1"> 
       <div>Complete</div> 
       </option> 
      </select> 
      </div> 
     </td> 
     <td class="actTd action actions"> 
      <a href="#" class="icon add actButtons dev_addMandatCondition" title="Add Mandatory Condition" onClick="addConditions();"></a> 
      <a href="#" class="icon remove actButtons dev_removeMandatCondition" title="Remove Mandatory Condition" style="display: none"></a> 
     </td> 
     </tr> 
    </tbody> 
    </table> 
</div> 

Answer 1

Пробовать и комментировать: имя класса таблицы - копия контейнера1, имя класса tr - копия контейнера1.

Too Добавить новую строку:

$(".btnAddMore1").click(function(){ 
    var elem=$(this).parents('.copycontainer1').find("select, textarea, input"); 

    var container=$(this).parents('.copycontainer1'); 

    var frmval=elem.serialize(); 

    var noOfLocation=$('.copycontainerinner1').length; 

    var html=''; 

    var $row=$(".copycontainer1").append($(".copycontainerinner1:eq(0)").clone(true)); 
    var dealLean=$(".copycontainerinner1").length; 

    var oneUp=dealLean-1; 

    var html='<a href="javascript:;" class="removecustomsuit" style="position:right:8px;">-</a>'; 

    $(".copycontainerinner1:eq("+oneUp+") td:last-child").append(html); 
    $(".copycontainerinner1:eq("+oneUp+") input[type=text],.copycontainerinner1:eq("+oneUp+") select").val(''); 
    $(".copycontainerinner1:eq("+oneUp+") span").text(''); 
    $(".copycontainerinner1:eq("+oneUp+") input[type=checkbox]").attr('checked',false); 
}); 

Чтобы удалить TR

$('.removecustomsuit').live('click',function(){ 
    $(this).parents('.copycontainerinner1').remove(); 
}); 

Попробуйте это вы можете выполнить задачу