如果html的相关部分是这样的:
<table id="mainProds">
<tr id="food">
<th> Foods </th>
<td> Cake </td>
<td> Pudding </td>
<td> Burger</td>
<td> Panta </td>
</tr>
<tr id = "clothes">
<th> Clothing </th>
<td> Fatua </td>
<td> Kamizs </td>
<td> Pants </td>
</tr>
</table>
<p id=”abcd”> </p>
然后我的脚本是这样的:
$(document).ready(function(){
$(“td”).click(function(event){
$(“#abcd”).text(event.currentTarget.innerHTML).prepend(event.currentTarget.siblings(“th”).innerHTML);
});
});
如果我点击第一行的第二个td,则输出为:Pudding
当第一个语句(event.currentTarget.innerHTML
)有效时,为什么不是第二个语句(event.currentTarget.siblings(“th”).innerHTML
)?我该怎么办呢?如果我点击第一行的第二个td我想要输出:
食物布丁