2013-01-14 52 views
0

我有一個jQuery模板(https://github.com/jquery/jquery-tmpl)和一個包含兩個列表的Object()。jQuery模板,讀取數據點擊按鈕tmplItem()

<!-- HTML --> 
<table> 
     <thead> 
      <tr> 
       <th> 
        Some value 
       </th> 
       <th> 
        A Button 
       </th> 
      </tr> 
     </thead> 
     <tbody id="results-body"> 
     </tbody> 
    </table> 
<!-- HTML --> 

var templateHTML = "{{each list1FromTemplate}}<tr><td>{{= Value}}</td><td><input type='button' name='alert' value='Alert' class='alert'/></td></tr>{{/each}}"; 

var results = new Object(); 
    results.list1 = list1Data; //Retrieved from an ajax call 
    results.list2 = list2Data; //Retrieved from an ajax call 

$.tmpl(templateHTML, { list1FromTemplate: results.list1, list2FromTemplate: results.list2 }).appendTo("#results-body"); 

//Here goes the question: 

$(".alert").click(function() { 

alert(
//Alert the value from {{= Value}} in the same row 
); 

}); 

一切工作正常,除了與類警報

如何從數值數據「{{=值}}」 在同一行在當帶班「警報」按鈕是按鈕點擊???

UPDATE:

即使世界的方式檢索使用tmplItem()或東西的價值?

+0

給了TD類/ ID或在跨度類/ ID包的價值,然後使用jQuery來訪問它,比如'$(本) .closest( 'TR')。找到( '價值包裝')。文本()' –

回答

0

給td一個class/id或者用class/id包裝這個值,然後用jquery來訪問它,比如alert($(this).closest('tr').find('.value-wrapper').text())(評論提升爲答案)。

另一個選項是設置就是BEING點擊輸入屬性(例如數據值),你會再與alert($(this).attr('data-value'));

0

訪問給ID爲每個TD(可能是循環計數器的值ID),並調用此類報警功能:

$(.alert).click(function(){ 
    $('#td_id').val(); 
});