javascript - 当选择某一行时，如何从行中的单元格中获取值

Question

我创建了 html 和 javascript 来获取包含不同信息的行的 id，例如我将在下面创建一个表格。

id-----名字 ---- 姓氏 -------- 产品
1------乔恩 ---------------多伊 ------------- 苹果
2 ---- 简 ------------- 母鹿 ------------- 香蕉

当我单击该行时，我希望选择该行 ID。我有以下代码

alert(document.getElementById("id").value);

alert($(this).getElementbyId("id").value);//this line doesnt work

第一行始终为 1。或者第一个字段中的 id。第二行不做任何事情。任何帮助将不胜感激。

谢谢

<小时/>

输出的一些HTML

<table border=1 style="border-collapse: collapse">

<tr class='clickablerow'>
<td><textarea readonly cols='4' rows='1' id='id'>356</textarea></td> 
<td><textarea cols='20' rows='1' name='lastname'>Johnson</textarea></td> 
<td><textarea cols='20' rows='1' name='firstname'>Jon</textarea></td> 
<td><textarea cols='5' rows='1' name='room'>58B</textarea></td> 
<td><textarea cols='20' rows='1' name='product'>HP printer</textarea></td> 
<td><textarea cols='20' rows='1' name='problem'>lid is missing a part</textarea></td> 
<td><textarea cols='20' rows='1' name='finished'>5/16/2013</textarea></td> 
<td><textarea cols='20' rows='1' name='comments'>Fixed working now</textarea></td> 
</tr>
<tr class='clickablerow'><td><textarea readonly cols='4' rows='1' id='id'>429</textarea></td> 
<td><textarea cols='20' rows='1' name='lastname'>Harrison</textarea></td> 
<td><textarea cols='20' rows='1' name='firstname'>Wendy</textarea></td> 
<td><textarea cols='5' rows='1' name='room'>101</textarea></td> 
<td><textarea cols='20' rows='1' name='product'>Internet</textarea></td> 
<td><textarea cols='20' rows='1' name='problem'>Internet not working</textarea></td>
 <td><textarea cols='20' rows='1' name='finished'>5/24/2013</textarea></td> 
<td><textarea cols='20' rows='1' name='comments'>Need to change DNS</textarea></td>
 </tr>

Answer 1

将表格行更改为如下所示:

<tr class='clickablerow'><td><textarea readonly cols='4' rows='1' class='id'>".$row['id']."</textarea></td>...</tr>

使用 class="id" 而不是 id="id"，因为您不能重复 ID。

那么你的 JS 代码可以是:

$("tr.clickablerow").click(function() {
    alert ($(this).find("textarea.id").val());
});

$(this).getElementById("id").value 不起作用，因为 $(this) 返回 jQuery 对象，而不是 DOM 元素。 jQuery 对象不实现与 DOM 元素相同的方法。