Question

我的表格行中有一个ID为btn_number_$i的按钮。单击按钮后，我想显示标识为row_$i的表格行，该行最初是隐藏的。

这是我创建两个表行的PHP代码：

echo "<tr><td>"."<button id= \"btn_number_$i\"  class='btn info toggler' >Info   <i class='icon-arrow-down'></i></button>"."</td></tr>";
echo "<tr id='row_$i' class='info_row'><td>Hello There!!</td></tr>";

以下是我的jQuery代码。我正在尝试构建类似命名的行ID并对其执行.show。但我没有得到理想的结果。

$(function () {
    $('.info_row').hide(); // first I need to hide all the second rows.
    $('.toggler').click(function () {
        var currentId = $(this).attr('id');
        console.log(currentId);
        var lastChar = currentId.substr(currentId.length - 1); //Herein I am trying to extract the last character from btn_number_$i which is $i and then appending it with 'row_'
        var rowId = 'row_' + lastChar;
        console.log(rowId); // I am able to get the current value in console log.
        $('#rowId').show(); // But even after all that i am not able to show the element.
    });
});

感谢任何帮助。

Answer 1

您没有使用包含您构建的ID的变量rowId，而是使用rowId字符串文字。您拥有的选择器将使用id = rowId

查找元素

更改

$('#rowId').show();

到的

$('#' + rowId).show();

如何在JQuery中构造元素的id并对其执行操作？

1 个答案: