動態獲取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');
        }
    }

}

}); });