动态获取jQuery中的id

Question

目标是动态检索 jquery 代码中的 ID，以便单击 href 为表中具有相同值的项目着色，下面的代码仅使用单个 ID 完成。 链接是使用 smarty 中的 foreach 循环动态生成的。 如何更改 Js 代码以动态检索我的 ID，最后当您单击链接时，它 colors 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}

带有 id="id_single" 的 Jquery(dataTable)

$(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": function (行, 数据) {

    $('.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');
        }
    }

}

}); });