javascript - 同一脚本的多个输入

Question

我正在使用 x-editable 插件来编辑我的应用程序上的各种元素。我有一个表，有一列我需要使其可编辑，但适用于所有行。

这是我的代码:

JavaScript:

<script type="text/javascript">
  $(document).ready(function() {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';     

    $('#confirm_assistance').editable({
        url: '/post'
    });
});
</script>

HTML(只有表格的两行):

<tr class="gradeA">
        <td>Pepa Loraine</td>
        <td>No</td>
        <td>25</td>
        <td></td>
        <td></td>
        <td>1825€</td>
        <td>250.00€</td>
        <td>0.00€</td>
        <td>1575.00€</td>
        <td><a href="#" id="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="22">0</a></td>
        <td>2014-05-13 00:29:29</td>
        <td>Ibiza Rent a Car </td>
    </tr>



    <tr class="gradeA">
        <td>Pepa Loraine</td>
<td>No</td>
        <td>25</td>
        <td></td>
        <td></td>
        <td>1825€</td>
        <td>250.00€</td>
        <td>0.00€</td>
        <td>1575.00€</td>
        <td><a href="#" id="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="30">0</a></td>
        <td>2014-05-13 00:30:14</td>
        <td>Juan Del Árbol</td>
    </tr>

第一个有效，我可以编辑数据并将数据发送到服务器，但下一个输入不起作用。

是否可以在同一个脚本中定义具有相同 id 的多个元素？

Answer 1

两个元素不能具有相同的 ID 属性。您需要使用类来代替

<script type="text/javascript">
  $(document).ready(function() {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';     

    $('.confirm_assistance').editable({
        url: '/post'
    });
});
</script> 

<tr class="gradeA">
                                <td>Pepa Loraine</td>
                        <td>No</td>
                                <td>25</td>
                                <td></td>
                                <td></td>
                                <td>1825€</td>
                                <td>250.00€</td>
                                <td>0.00€</td>
                                <td>1575.00€</td>
                                <td><a href="#" class="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="22">0</a></td>
                                <td>2014-05-13 00:29:29</td>
                                <td>Ibiza Rent a Car </td>
                            </tr>



                            <tr class="gradeA">
                                <td>Pepa Loraine</td>
                        <td>No</td>
                                <td>25</td>
                                <td></td>
                                <td></td>
                                <td>1825€</td>
                                <td>250.00€</td>
                                <td>0.00€</td>
                                <td>1575.00€</td>
                                <td><a href="#" class="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="30">0</a></td>
                                <td>2014-05-13 00:30:14</td>
                                <td>Juan Del Árbol</td>
                            </tr>