Question

我有一个很大的自举表。表格的每一行都有两个字形，编辑和删除。每个glyphicon-edit ID都由“edit + userId”构成（例如edit2，edit6，edit11），类似地，glyphicon-remove ID是用“remove + userID”制作的。我怎样才能看到jQuery点击了哪个glyphicon，以及需要更改或删除哪个用户？

这是表格：

<div>
    <table id="clientsTable" class="table table-hover">
        <thead>
            <tr>
                <th data-field="clientId">Client Id</th>
                <th data-field="name">Name</th>
                <th data-field="rate">Rate Per Hour</th>
                <th data-field="action">Rate Per Hour</th>
            </tr>
        </thead>
    </table>
</div>

这是在表中使用的Json代码：

public JsonResult GetActiveClients()
        {
            var clients = _clientService.GetActiveClients();
            var rows = clients.Select(s => new
            {
                clientId = s.ClientId,
                name = s.Name,
                rate = s.DefaultRatePerHour,
                action = "<span id='disactive" + s.ClientId + "' class='glyphicon glyphicon-trash' style='margin-right: 5px;'></span><span id='edit" + s.ClientId + "' class='glyphicon glyphicon-edit'></span>"
            })
            .ToArray();
            return Json(rows, JsonRequestBehavior.AllowGet);
        }

感谢您的建议。

Answer 1

$('tr').on('click',function(){
    var value = $(this).find('.glyphicon-edit').attr("id");
    var userId = value.substring(4, value.length);
});

Answer 2

为所有golyphicon提供一个共同课程。然后对它们应用单击功能。

例如，如果所有人都有班级：all-glyphs

$('.all-glyphs').click(function(){
   var id = $(this).attr('id');
   //your logic to remove or edit based on id.
})

Answer 3

申请课程以假设用户编辑＆＃39;对所有编辑列并添加data-id属性并使用userId设置它不需要将字符串用户连接到id＆＃39; s。

现在使用jquery

$('.useredit').on('click',function(){
var currentid=$(this).attr('data-id');
});

jQuery获得点击的ID

3 个答案: