在 jQuery 中获取动态 ID

Question

objective是动态获取jquery代码中的id，以便点击href为table中具有相同值的项目着色下面的代码仅使用一个 id 完成。链接是使用 smarty 中的 foreach 循环动态生成的。如何更改 Js 代码以动态检索我的 ID，最后当您单击链接时，它会为 lou 行中的所有内容着色，这就是搜索到的词。 Smarty HtML 代码：

    {foreach from=$translateArray key=key item=value}
     {if $key == $k}
         <a href="#" classe="inactiveLink" id="id_{$k}" style="color:#000080";>{$value}</a> 
         ({$val}) |
     {/if}
    {/foreach}

Jquery(数据表) id="id_single"

$(document).ready(function () {
var table = $("#my_table").DataTable({
    "rowCallback": function (row, data) {

        $('#id_single').on('click', function () {
            var value = $("#id_single").text();// How to get id dynamically here
            console.log(value);
            highLight(value, row);
        });

        function highLight(value, row) {
            $(row).css('color', 'unset');
            $(row).css('font-weight', 'unset');

            if (data[2] === value) {
                $(row).css('background-color', 'lightblue');
                $(row).css('font-weight', 'bold');
            }
        }

    }
});
});

Answer 1

你可以使用 class 这样的

{foreach from=$translateArray key=key item=value}
 {if $key == $k}
     <a href="#" classe="inactiveLink id_single"  style="color:#000080";>{$value}</a> 
     ({$val}) |
 {/if}
{/foreach}
$(document).ready(function () {

var table = $("#my_table").DataTable({ “rowCallback”：函数（行，数据）{

    $('.id_single').on('click', function () { // first change
        var value = $(this).text();// second change
        console.log(value);
        highLight(value, row);
    });

    function highLight(value, row) {
        $(row).css('color', 'unset');
        $(row).css('font-weight', 'unset');

        if (data[2] === value) {
            $(row).css('background-color', 'lightblue');
            $(row).css('font-weight', 'bold');
        }
    }

}

}); });

在 jQuery 中获取动态 ID

Get dynamically id in jQuery

javascript

jquery

datatables

smarty