angularjs从父级索引得到td

时间:2016-12-02 16:24:49

标签: javascript jquery html angularjs

我正在寻找一种从索引13的单元格获取值的方法。我能够获取父元素(row),但现在我有问题如何从该行的单元格中获取值。

我的代码 - 这是我如何获得行:

$(event.currentTarget).parent().parent()

这是我从上面的电话中得到的:

[tr.jtable-data-row]

Cell看起来像这样(里面的按钮正在调用):

<td><button ng-click="ChangeMEST_STA($event)" class="ng-scope">V pripravi</button></td>

角度函数(现在为空):

      $scope.ChangeMEST_STA = function ($event) {

    cMEST_STA = "";
    cMEST_CDO2 = "";

    /* change status */
  }

以下是整行:

<tr class="jtable-data-row jtable-row-even" data-record-key="110002001"><td>110002001</td><td>Pločevinke</td><td>Mali kuharski mojster</td><td>15</td><td>KOS</td><td>1234567891234</td><td>MK27Q3 (V4FSPY)</td><td>VjRGU1BZIE1L</td><td><input type="checkbox" style="width: 15px; height: 15px;"></td><td><input type="text" title="Vnesi količino" style="width: 30px" value="1"></td><td><i id="tdAddToCart" class="glyphicon glyphicon-shopping-cart ng-scope" style="font-size: 20px; color: black; cursor: pointer;" ng-click="AddToDeliveryList()"></i></td><td style="display: none;"><input type="text" style="width:200px; display:none;" value="110000021"></td><td style="display: none;">1</td><td><button ng-click="ChangeMEST_STA($event)" class="ng-scope">V pripravi</button></td></tr>

如何使用该调用从单元格中获取值?我不知道如何将HTML与angularjs结合起来。我想使用类似:td:nth-child(12)

的内容

2 个答案:

答案 0 :(得分:1)

要查找您的道明,请使用:

$(".jtable-data-row.jtable-row-even").find("td")[12];

要设置它的值,请使用:

$($(".jtable-data-row.jtable-row-even").find("td")[12]).text(222222);

答案 1 :(得分:0)

哦,我现在看到你的HTML了。

试试这个:

HTML

<tr class="jtable-data-row jtable-row-even" data-record-key="110002001">
    <td>110002001</td>
    <td>Pločevinke</td>
    <td>Mali kuharski mojster</td>
    <td>15</td>
    <td>KOS</td>
    <td>1234567891234</td>
    <td>MK27Q3 (V4FSPY)</td>
    <td>VjRGU1BZIE1L</td>
    <td><input type="checkbox" style="width: 15px; height: 15px;"></td>
    <td><input type="text" title="Vnesi količino" style="width: 30px" value="1"></td>
    <td><i id="tdAddToCart" class="glyphicon glyphicon-shopping-cart ng-scope" style="font-size: 20px; color: black; cursor: pointer;" ng-click="AddToDeliveryList()"></i></td>
    <td style="display: none;"><input type="text" style="width:200px; display:none;" value="110000021"></td>
    <td style="display: none;">1</td>
    <td><button ng-click="ChangeMEST_STA($event)" class="ng-scope">V pripravi</button></td>
</tr>

的Javascript

$(event.currentTarget).closest('tr').find('td:nth-of-type(13)').text();