Question

我想操纵一个选择选项并在表格上输入文本区域。代码看起来像这样：

<table id="list2" class="table table-bordered>

   <thead>
       <tr>
         <th style="width:15%">Item</th>
         <th style="width:22.5%">Remarks</th>
         <th style="width:10%">Manhour</th>
         <th>Act</th>
       </tr>
   </thead>

   <tbody>
     <tr class="list2_var">
        <td>
          <select class="form-control cleaning-item" name="list2_cleaning_item_0" id="list2_cleaning_item_0">
             <option disabled="" selected="">Pilih</option>
             <option value="01">Certificate</option> 
             <option value="02">Interior</option>
             <option value="03">Exterior</option>
             <option value="04">Foreign Marking</option>                                            
          </select>
         </td>


        <td>
         <input class="form-control remarks" name="list_2_remarks_0" placeholder="Remarks" id="list_2_remarks_0" type="text">
        </td>

        <td>
         <input class="form-control" name="list_2_manhour_0" placeholder="Manhour" type="text">
        </td>

        <td class="del_area04">
          <button style="display: none;" class="list2_del btn btn-block btn-danger" type="button"><i class="fa fa-trash-o"></i></button>
        </td>
      </tr>
  </tbody>

如果我有很多行，那么如何在第一行访问和操作类cleaning-item和remarks。为什么我应该这样做，因为我使用jquery-input-area这是来自link的动态输入。

我的ajax的成功看起来像这样：

$('#list2 td .remarks').val('example');
$('#list2 td .cleaning-item').val('02');

但它会操纵所有行。我怎样才能在第一行上制作它，之后，它们都会在第一行被禁用？任何帮助它如此欣赏。

Answer 1

有多种方法可以选择第一行

使用：eq（）

$('#list2 tbody tr:eq(0) td .remarks').val('example');
$('#list2 td tr:eq(0) .cleaning-item').val('02');

或使用 .eq（）

$('#list2 tbody tr').eq(0).find('td .remarks').val('example');
$('#list2 td tr').eq(0).find('.cleaning-item').val('02');

或使用：first

$('#list2 tbody tr:first td .remarks').val('example');
$('#list2 td tr:first .cleaning-item').val('02');

或使用 .first（）

$('#list2 tbody tr').first().find('td .remarks').val('example');
$('#list2 td tr').first().find('.cleaning-item').val('02');

Answer 2

使用:first选择器或.first() jquery

tr:first

或

$('tr').first()

访问选择选项并在第一行输入文本

2 个答案: