如何从用户悬停的行中获取第一个单元格？

Question

How to get a first cell from a row that user hovers over and then clicks certain key combination?(i am thinking about using jQuery) I have a table that is similar to that one. When user places mouse over any of tr's and press ctrl+c he gets the ID copied to his clipboard. Thank you! UPD.Code that worked bellow.

<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

Welcome to Stackoverflow. First of all, please read the guidelines on how to ask a question.

Key of this guideline is:

stackoverflow members won't do your work, but they'll help you, if you are stuck with a problem. To help you, we would need a 'What have I done so far' passage inside your question.

Now to your problem.

Do you know jquery? and how the selectors work? here the steps for your what have I done passage:

• The table row selector $("table tr") (but I'd suggest working with classes and id's)

• The jquery hover function

• The selector to get the first cell:

   $("> td:first", this) 

• The jquery function to get the content of the first td .

• The clipboard problem, already discussed here .

Answer 2

You can get the cell value in different ways. Below is the simple script that does that.

JSFIDDLE: http://jsfiddle.net/kiranvarthi/cr399ww2/ (click to see value alert)

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

Once you get the ID, you can just add to clip board. Below link help to do that. How do I copy to the clipboard in JavaScript?