如何從用戶懸停的行中獲取第一個單元格？

Question

如何從用戶懸停的行中獲取第一個單元格，然后單擊某些鍵組合？（我正在考慮使用jQuery）我有一個與此表相似的表。 當用戶將鼠標放在任意一個tr上並按ctrl + c時，會將ID復制到剪貼板。 謝謝！ UPD代碼如下。

<table>
   <tr>
    <td>ID</td>
    <td>Text1</td>
    <td>Text2</td> 
    <td>Text3</td> 
   </tr>
   <tr>
    <td id="my_id">1</td>
    <td>Example1</td>
    <td>Example1</td> 
    <td>Example1</td> 
   </tr>
   <tr>
    <td id="my_id">2</td>
    <td>Example2</td>
    <td>Example2</td> 
    <td>Example2</td> 
   </tr>
   <tr>
    <td id="my_id">3</td>
    <td>Example3</td>
    <td>Example3</td> 
    <td>Example3</td>
   </tr>
</table>

$(document).ready(function()
{
    var ctrlDown = false;
    var ctrlKey = 17, cKey = 67;
    var id = "";

    $(document).keydown(function(e)    {
        if (e.keyCode == ctrlKey) ctrlDown = true;
    });
    $("tr").mouseover(function(){
        id = $(this).find("#my_id").html(); 

    });
    $("tr").mouseout(function(){  
       id = "";
    });
    $(document).keydown(function(e)
    {
        if (ctrlDown && e.keyCode == cKey) {
            if (id != "") {
                window.prompt("Copy to clipboard: Ctrl+C, Enter", id);
                ctrlDown = false;
            }
        }
    });
});

Answer 1

歡迎使用Stackoverflow。 首先，請閱讀有關如何提問的指南。

該指南的關鍵是：

stackoverflow成員不會做您的工作，但是如果您遇到問題，他們會為您提供幫助。 為了幫助您，我們需要在您的問題中注明“到目前為止我做了什么”。

現在解決您的問題。

你知道jQuery嗎？ 以及選擇器如何工作？ 這是您為我所做的事情的步驟：

• 表行選擇器$("table tr") （但我建議使用類和ID）

• jQuery懸停功能

• 選擇器獲取第一個單元格：

   $("> td:first", this) 

• jQuery函數獲取第一個td的內容 。

• 剪貼板問題，已在此處討論。

Answer 2

您可以通過不同的方式獲取單元格值。 下面是執行此操作的簡單腳本。

JSFIDDLE： http : //jsfiddle.net/kiranvarthi/cr399ww2/ （單擊以查看值警報）

$( "table tr" ).click(function() {
    alert($(this).children('td').first().html());
});

一旦獲得ID，就可以添加到剪貼板。 下面的鏈接幫助您做到這一點。 如何使用JavaScript復制到剪貼板？