在jQuery中獲取所選單元格的值

Question

我使用一些免費的腳本來突出顯示單元格時的單元格。它可以單擊多個，所以我可以一次選擇多個單元格。當我點擊單元格時，我想檢索它們的值並在下面顯示輸入，以便在完成高亮顯示時發佈它。我的腳本看起來像下面：

function displayVals(item) { 
     var multipleValues = $(this).html() || []; 
     $("p.info").html("<b>Multiple:</b> " + multipleValues.join(", ")); 
     alert($(item).html()); 
     $("#clicked").val(multipleValues.join(", ")); 
    } 

    $(document).ready(
     function(){ 
      $('#table3').highlight('td'); 
      $('#table3').highlight('td', 'highlight-selected', 'mousedown'); 
      $('#table3 td').click(function() { 
       displayVals(this); 
      }); 

     } 
    ); 

在這個例子中displayVals功能我用alert來表現我現在選擇哪個小區。這是顯示沒有問題，但沒有粘貼在名爲clicked的輸入，並沒有出現在p.info。

如果有人能幫助我，我將不勝感激。

Answer 1

在點擊事件中this僅指向點擊元素而不是所有tds。

$('#table3 td').click(function() { 
    displayVals(this); 
}); 

的.html()返回一個字符串，所以你不需要連接和使用this代替item：

function displayVals(item) { 
    var multipleValues = $(item).html() || ''; 
    $("p.info").html("<b>Multiple:</b> " + multipleValues); 
    alert($(item).html()); 
    $("#clicked").val(multipleValues); 
} 

列出所有多個值

function displayVals(item) { 
    var multipleValues = []; 
    $(item) 
    // Search the parrent table 
    .closest('table') 
    // Get any highlight selected td 
    .find('td.highlight-selected') 
    // Iterate and add the html to multipleValues 
    .each(function(){ multipleValues.push($(this).html()) }) 


    $("p.info").html("<b>Multiple:</b> " + multipleValues.join(", ")); 
    alert(multipleValues.join(", ")); 
    $("#clicked").val(multipleValues.join(", ")); 

}