如何将jquery onclick函数设置为仅定位可编辑表格中的特定表格列或类？

Question

我想让我的表只用于Home_Score和Away_Score名称的列可编辑

//edit.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

我相信你可以做到这一点

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

另外，作为在另一个答案中建议，将另一个类添加到要编辑的单元格中，并将其用作选择器。

Answer 2

假设你使用`

`和` 被添加行，你可以添加一个类只是行你把瓦莱斯

<?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() {