在 Jquery 模板中设置按钮的 ID

Question

我正在创建一个 Ajax 方法来调用 c# Web 方法。我返回的 JSON 看起来像这样

您会注意到，我没有返回 d[0]、d1 等，而是使用 keyValuePair 设置每个项目的 Id，这样我就可以将其设置为按钮的 Id .唉，这就是我需要帮助的地方。

如何获取每个 id (307, 309 ...) 并将其分配给 Jquery 模板中按钮的 id。

我的 Jquery 模板代码是：

 <script id="approvaltmpl" type="text/x-jquery-tmpl">
        <table class="table table-user-information" style="height: 100px;">
            <tbody>
                <tr>
                    <td>
                        <span><i class="glyphicon glyphicon-user"  data-toggle="tooltip" data-original-title="approved by"></i> ${UserName}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="approvedDate"><i class="glyphicon glyphicon-time" data-toggle="tooltip" data-original-title="approved date"></i> ${parseJsonDate(EnteredDate)}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="approveComment"><i class="glyphicon glyphicon-comment" data-toggle="tooltip" data-original-title="comment"></i> ${Comment}</span>
                    </td>
                </tr>
            </tbody>
        </table>
    </script>
    <script id="audittmpl" type="text/x-jquery-tmpl">
        <table class="table table-user-information" style="height: 100px;">
            <tbody>
                <tr>
                    <td>
                        <span><i class="glyphicon glyphicon-user"  data-toggle="tooltip" data-original-title="comment by"></i> ${UserName}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="auditDate"><i class="glyphicon glyphicon-time" data-toggle="tooltip" data-original-title="approved date"></i> ${parseJsonDate(AuditDate)}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="auditComment"><i class="glyphicon glyphicon-comment" data-toggle="tooltip" data-original-title="comment"></i> ${Comments}</span>
                    </td>
                </tr>
        <button id= />
            </tbody>
        </table>
    </script>

编辑 正在调用，生成模板：

success: function(msg) {
                    // Need to work out a way of refreshing the screen
                    console.log(msg);
                    $.each(msg.d, function(index, item) {
                        $('#approvaltmpl').tmpl(item).appendTo('#approvalResults');
                        $('.button_class').attr('id', index);
                    });

编辑 应用#anvlasop 提供的上述代码后，我仍然得到所有产生相同 id 值的按钮，这是列表中的最后一个。

今天，NOTE 值有所不同。

编辑 这给了我每个 d[number] 的警报

 $.each(msg.d, function (index, item) {

                        $('#violationtmpl').tmpl(item).appendTo('#violationResults');
                        alert(index);

                    });

但我不能将索引应用到按钮

Answer 1

如果我很好地理解了你的问题，那么这就是你需要的：

$.each(d, function( index, value ) {
    $('.button_class').attr('id',index); //assing the id to the button

});