javascript - 如何设置 jquery onclick 函数以仅针对可编辑表中的特定表列或类？

Question

我想让我的表格仅可编辑具有 Home_Score 和 Away_Score 名称的列

//编辑.js文件

$(function() {

    //when a td element within tbody is clicked
    $('tbody').on('click','td',function() {
        //call displayform, passing td jQuery element
        displayForm( $(this) );
    });

});

//table.php文件

<?php 

                    $sql = "SELECT * FROM predict WHERE Fixture_ID BETWEEN '1' and '10'  ";
                    $results = $dbh->query($sql);
                    $rows = $results->fetchAll();

                    foreach ($rows as $row) {
                        echo '<tr id="'.$row['Fixture_ID'].'">';
                        echo '<td class="Home_Team">'.$row['Home_Team'].'</td><td class="Home_Score">'.$row['Home_Score'].'</td>';
                        echo '<td class="Away_Score">'.$row['Away_Score'].'</td><td class="Away_Team">'.$row['Away_Team'].'</td>';
                        echo '</tr>';
                    }
                ?>

Answer 1

假设您要添加行，您可以将一个类添加到您放置值的行

<?php 

                $sql = "SELECT * FROM predict WHERE Fixture_ID BETWEEN '1' and '10'  ";
                $results = $dbh->query($sql);
                $rows = $results->fetchAll();

                foreach ($rows as $row) {
                    echo '<tr id="'.$row['Fixture_ID'].'">';
                    echo '<td class="Home_Team">'.$row['Home_Team'].'</td><td class="Home_Score editable">'.$row['Home_Score'].'</td>';
                    echo '<td class="Away_Score editable">'.$row['Away_Score'].'</td><td class="Away_Team">'.$row['Away_Team'].'</td>';
                    echo '</tr>';
                }
            ?>

然后您可以更新您的选择器

$('tbody').on('click','.editable',function() {