Как получить идентификатор клона в jquery

Я клонировал в jQuery вот так. Я хочу, чтобы получить конкретный идентификатор при добавлении новой строки через клон, с помощью которого я могу получить конкретный идентификатор, добавляющие строкКак получить идентификатор клона в jquery

$("input.tr_clone_add").live('click', function() { 
    var $tr = $(this).closest('.tr_clone'); 
    var $clone = $tr.clone(); 
    $clone.find(':text').val(''); 
    $clone.find('input[type=checkbox]').attr('checked', false); 
    $tr.after($clone); 
});

HTML клона

<table id="table-data" width="100%"> 
    <tr class="tr_clone"> 
     <td> 
      <select name="group_id[][]" multiple> 
       <!--<option>Select User</option>--> 
       <?php 
        $selectGroup = "SELECT group_id, group_name FROM `group`"; 
        $res = mysql_query($selectGroup); 
        while($row = mysql_fetch_array($res)) 
        { 
         if ($row['group_id']==$fetch['group_id']) 
         { 
          echo '<option value="'.$row['group_id'].'">'.$row['group_name'].'</option>'; 
         } 
         else 
         { 
          echo '<option value="'.$row['group_id'].'">'.$row['group_name'].'</option>'; 
         } 
        } 
       ?> 
      </select> 
     </td> 
     <td> 
      <textarea name="address[]" rows="3" cols="35" placeholder="Enter Address"></textarea> 
     </td> 
     <td> 
      <input type="button" name="add" value="Add" class="tr_clone_add"> 
     </td> 
    </tr> 
</table>

источник

2015-05-28 Prashant Bhatt

Я думаю, что это отличное место, чтобы использовать шаблоны , Существует несколько шаблонов JavaScript, но вы можете сделать гораздо более простую версию в зависимости от ваших потребностей. В вашем случае вы могли бы сделать что-то вроде этого:

<table id="table-data" width="100%"></table> 

<script type="text/x-template" id="foo"> 
    <tr class="tr_clone"> 
     <td> 
     <select name="group_id[][]" multiple> 
      <option>Select User</option> 
      <!-- options populated from PHP code --> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
     </select> 
     </td> 
     <td> 
     <textarea name="address[]" rows="3" cols="35" placeholder="Enter Address"></textarea> 
     </td> 
     <td> 
     <input type="button" name="add" value="Add" class="tr_clone_add"> 
     </td> 
    </tr> 
</script>

и JavaScript (предполагается, что Jquery загружается)

$(function(){ 
    var tableData = $('#table-data'), 
    templateHTML = $('#foo').html(); 

    function addNewRow() { 
    var id = 'clone_' + tableData.find('tr').length; 
    var $clone = $(templateHTML); 
    $clone.attr('id', id); 
    $clone.find('textarea').val('This is id: ' + id); 
    tableData.append($clone); 
    } 

    // add binding 
    $(document).on('click', 'input.tr_clone_add', addNewRow); 

    // add 1st row 
    addNewRow(); 
});

Вот скрипка его https://jsfiddle.net/jc6Lybah/1/

источник

2015-05-28 10:11:08

ур используя код сценария, так что я должен более тег скрипта там или нет –

Код '

Смежные вопросы

Как получить идентификатор клона в jquery

ответ

Смежные вопросы