Question

有一个dataTable，其中特定列的每一行都有一个动态ID：

{ 
      "aTargets": [3],
      "mData": 3,
      "mRender": function (data, type, full) {
                            return '<div style="text-align:center;">'+
                                    '<a href="RestaurantCommande/detail/'+ data +'" id="cmd_'+ data +'" style="margin-right: 8px;"><span class="mif-stack3 mif-2x"></span></a>'+
                                    '<a href="RestaurantCommande/modifier/'+ data +'" style="margin-right: 8px;"><span class="mif-pencil mif-2x"></span></a>'+
                                    '<span class="mif-cross mif-2x fg-grayLight"></span>'+
                                   '</div>';
}

正如您所看到的，有动态ID cmd_。现在我想在文档就绪上选择一个特定的id cmd_; id值的剩余部分是cookie值：

<script>
$(document).ready(function() {
...
var cookieFromAjoutDetailCommande = Cookies.get('fromAjoutModifDetailsCommande');
if (cookieFromAjoutDetailCommande != null) {
     var _id = "cmd_"+cookieFromAjoutDetailCommande;
     $('#list_commandes').find("a[id='']").click(); // here I want to write the dynamic id
}
...
});

</script>

那么如何选择这个特定元素？

Answer 1

试试这个：

$('#list_commandes').find("#"+ _id).click();

既然它是一个id，我认为它们是独一无二的，你可以选择：

$("#"+ _id).click();

Answer 2

这样做，同时将div添加到div获取onclick事件并从该事件中调用函数，类似这样。

{ 
      "aTargets": [3],
      "mData": 3,
      "mRender": function (data, type, full) {
                            return '<div style="text-align:center;">'+
                                    '<a href="RestaurantCommande/detail/'+ data +'" id="cmd_'+ data +'" style="margin-right: 8px;" onclick="test()"><span class="mif-stack3 mif-2x"></span></a>'+
                                    '<a href="RestaurantCommande/modifier/'+ data +'" style="margin-right: 8px;"><span class="mif-pencil mif-2x"></span></a>'+
                                    '<span class="mif-cross mif-2x fg-grayLight"></span>'+
                                   '</div>';
}

然后在JS中定义test方法

function test()
{
//do something
}

检查js小提琴是否有工作示例

小提琴： Demo

如何动态查找？

2 个答案: