如何讓jQuery在使用「this？」時返回表格行元素

Question

我正在使用一個asp.net列表視圖控件，並在它內部構建一個表格元素。

<asp:ListView ID="ListView1" runat="server"> 
    <LayoutTemplate> 
     <table> 
      <tr class="header"> 
       <td></td> 
      </tr> 
      <tr id="itemPlaceHolder runat="server"> 
     </table> 
    </LayoutTemplate> 
    <ItemTemplate> 
     <tr onclick="RowClick();"> 
    </ItemTemplate> 
</asp:ListView> 

我在行單擊後面調用了一個javascript函數。

function RowClick() { 
    var tds = $(this).children('td'); 
} 

我的問題是，我RowClick內$(this)（）函數不返回tr元素，它不是返回整個窗口。我怎樣才能做到這一點？我是否接近錯誤的情況？這是不可能的，我正在追鬼？謝謝！原諒我的標記，還沒有完全掌握它。

Answer 1

你需要傳遞的處理invokation自定義執行上下文，你用Function.call()做到這一點

<tr onclick="RowClick.call(this);"> 

Answer 2

使用jQuery？恩，讓我看看。

jQuery("tr").click(RowClick); 

問候。

Answer 3

這在處理代碼方面並不是很「jQuery」。一個更「正確」的方法是做這樣的事情：

<tr class="row-click"> 

，並在你的JavaScript：

$(function(){ 
    $(".row-click").each(function(){ 
     $(this).on("click",function(){ 
      var tds = $(this).children('td'); 
      //Code goes here... 
     }); 
    }); 
}); 

另外，如果你想保持「RowClick」功能，你可以這樣做：

$(function(){ 
    $(".row-click").each(function(){ 
     $(this).on("click",function(){ 
      RowClick($(this)); 
     }); 
    } 
}); 
function RowClick(element){ 
    var tds = $(element).children('td'); 
    //Code goes here... 
} 

Answer 4

我會強烈建議不要用JS調用和jQuery打亂你的HTML處理這個美麗：

$(document).ready(function(){ 

    // create the function 
    function RowClick(target){ 
     var tds = target.children('td'); 

     // another option :) 
     var tds = target.find('td'); 
    } 

    // listen for a <tr> to get clicked within the <table> -> <ItemTemplate> combo and pass the <tr> target to the function 
    $('table ItemTemplate').on('click', 'tr', function(){ 
     RowClick($(this)); 
    }); 

});