Javascript 可以在具有行单击事件的表中放置按钮吗？

因此，我试图为我正在使用的数据库创建一个web界面。基本上，tbale有一行数据，我对它进行了设置，这样当单击一行时，一个侧面板就会进来并显示一些信息。现在，我还在表格的第一列中添加了按钮，以便该行中的信息将保存在某个位置，但我无法在该按钮上获得单击事件

行单击事件是否可能对主中央面板中的添加按钮单击事件供电过度

行单击功能

function addRowClicks() {
        var table = document.getElementById("resultsTable");
        var rows = table.rows; // or table.getElementsByTagName("tr");
        for (var i = 0; i < rows.length; i++) {
            rows[i].onclick = (function() {
                var cnt = i; 
                return function() {
                    var specimenID = this.cells[1].innerHTML;
                    $.post('../scripts/displaySpecimenSideBar.php',{specimenID:specimenID},function(data){
                        var returnedInformation = data; 
                        $(".sidebarRight-innner").html(data);
                        $( "#accordion" ).accordion({
                            active:false,
                            heightStyle: "content",
                            collapsible: true});

                        var $marginLefty = $(".sidebarRight");
                        $marginLefty.animate({
                          marginLeft: parseInt($marginLefty.css('margin-left'),10) == 0 ?
                            $marginLefty.outerWidth() :
                            0
                        });

                        var sidebarRightOffset = jQuery(window).width()- $(".navElement").outerWidth()-5;
                        $(".sidebarRight").animate($(".sidebarRight").css("left",sidebarRightOffset));

                        mainContentWidth = jQuery(window).width() - jQuery(".sidebarleft").outerWidth() - jQuery(".navElement").outerWidth()-5;
                        $(".main-content").animate($(".main-content").css("width",mainContentWidth));
                        //jQuery('.main-content').width(mainContentWidth);
                        //alert(data);
                    });
                }    
            })(i);
        }
    }

函数addRowClicks（）{
var table=document.getElementById（“结果表”）；
var rows=table.rows；//或table.getElementsByTagName（“tr”）；
对于（变量i=0；i

按钮是在php中生成的

while ($row = mysql_fetch_array ($results)){
            $resultsString = $resultsString."<tr>";
                for ($z = 0; $z < $numOfFields; $z++){
                    if ($z==0){$resultsString = $resultsString.'<td><input type="button" id="test" name="Specimen'.$numberOfResults.'" value="ADD"></td>';
                               $resultsString = $resultsString."<td id='ID".$numberOfResults."'>".$row[$fieldsArray[$z]]."</td>";
                              }
                    else{
                        $resultsString = $resultsString."<td>".$row[$fieldsArray[$z]]."</td>";
                    }
                }
            $resultsString = $resultsString."</tr>";
            $numberOfResults++;
        }

while（$row=mysql\u fetch\u array（$results））{
$resultsString=$resultsString.“；
对于（$z=0；$z<$numofields；$z++）{
如果（$z==0）{$resultstring=$resultstring'.'；
$resultsString=$resultsString.“$row[$fieldsArray[$z]]”；
}
否则{
$resultsString=$resultsString.“$row[$fieldsArray[$z]]”；
}
}
$resultsString=$resultsString.“；
$numberOfResults++；
}

您可以尝试在表的每一列上绑定事件，但有按钮的列除外。

听起来您的按钮事件有问题，尽管您的问题缺少很多信息

也许是这样的

$(".row-btn").click(function() {
     // show row info
});

$(".column-save-btn").click(function() {
     // submit form/ajax request to save
});

---

如果您添加更多信息，我们可能会更好地了解情况。

是的，按钮可能在这样一行中工作。我将如何使其工作？如果按钮动态添加到DOM中，您应该委派事件。现在，如果您需要特定的帮助，您必须提供您正在谈论的相关代码…这取决于您的实际设置和问题。如果您提供更多信息，包括相关代码，我们可能会更好地帮助您。如果没有实际的代码示例，很难说是肯定的，但听起来它可能是event.preventDefault（）的一个很好的用途。