Question

我有一栏其他信息。每个元素上都有一个按钮。单击按钮我必须在td上显示内容并在每个td上隐藏该按钮。但是我无法在第二个td上显示信息。如何遍历每个td并在点击按钮时显示内容当数据来自mysql时，每个td元素。

$(document).ready(function() {
    $("btn_click").click(function(event) {
        $(".addButton:eq(0)").hide();
        //hide button    
        $("#showDiv").show();
        //show contents on the div
    });
});

Answer 1

您应该留意您对ID和CLASS的使用。当您有多个具有相同名称的ID时，jQuery通常会中断。如果没有其他代码与上述代码段冲突，那么将$("#showDiv").show();更改为$(".showDiv").show();并更改html元素以对应此问题可以解决您的问题。

另请注意点击绑定（$("btn_click").click），您应该将btn_blick更改为.btn_click（类选择器，因为btn_click默认情况下不是有效的html标记）。

Answer 2

我认为你的问题是如何使用jQuery迭代HTML元素集合。

您使用.each（）函数，例如：

$(".selector").each(function() {
   var element = $(this);
   //do something
   element.hide();
});

您也可以使用.on（）将事件委托给集合

$(".selector > div").on("click", function() {
    $(this).css({"background-color":"red"});
});

Jquery按钮单击不显示在td上

2 个答案: