为什么 jquery 的 .html() 不能在 <td></td> 上工作？

Question

我有这个代码：

<script> 
function del(a){
        alert(a);
        alert($("#"+a).html());
        alert($("#td").html());
            alert($("#div").html());
}
</script> 
<td id="td">wtf</td> 
<div id="div">wtf</div> 
<table> 
   <tr>
       <td id="bbbbb">test</td><td><span onclick="del('bbbb');">click</span></td>
   </tr>
</table>

警报是

bbbbb
test
null
wtf

td 内容被标记为空（忽略）？

为什么？

proof http://sandbox.phpcode.eu/g/743de.php

更新：

看here 我的警报也给我null

Answer 1

首先，您不能在表格之外有 <td> 元素，但似乎在您的更新中，您已经解决了这个问题。

在您的最新更新中，由于 jQuery 选择器的工作方式，您发布的小提琴返回 null。您要查找的 ID 是“5c192.php”，因此当您执行 $('#'+a) 时，它会变为 $('#5c192.php')，这被解释为 'ID=5c192' 和 'class=php'，因为 . 是一个类选择器。

将$('#'+a) 更改为$('[id="'+a+'"]')。

Answer 2

您正在调用 del("bbbb")，但 <td> 的 id 是“bbbbb”，有五个 b。不确定这是否是您的问题。此外，您不能在桌子外有<td>，这可能就是$("#td") 搞砸的原因。试试：;

<script> 
function del(a){
        alert(a);
        alert($("#"+a).html());
        alert($("#td").html());
            alert($("#div").html());
}
</script> 

<div id="div">wtf</div> 
<table> 
   <tr>
       <td id="bbbbb">test</td><td><span onclick="del('bbbbb');">click</span></td>
<td id="td">wtf</td> 
   </tr>
</table>

编辑

td 在表格外无效有效。如果您通过网络检查器查看生成的输出，您会看到 td 已被删除，并且它的内容以纯文本形式放置在页面上。 td 在那里是无效的，因此尝试通过 JS 来获取它会很困难，并且 不是 一个好主意。

Answer 3

那个浮动的<td>元素是无效的，基本上被解析成

 wtf 

没有无效的 td 元素。将其更改为跨度、div 等。它将起作用。除了缺少的b

更新：

在您的 jsFiddle 中，您的 ID 无效5c192.php。具体来说，不是以字母开头。来自What are valid values for the id attribute in HTML?

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，并且可以是 后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、 下划线（“_”）、冒号（“:”）和句点（“.”）。

不过，我也会删除句号。

Answer 4

alert($("#"+a).html());

为空，因为您传递的 id 无效。

alert($("#td").html());

为空，因为元素 td 在其上下文中不是有效的 html。

---

编辑：您的代码在那里运行良好。这次只是你的身份证无效。不能以数字开头。

Answer 5

应将 TD 包含在 TABLE 标记中。
比如这个例子：jsfiddle

Answer 6

因为 bbbbb (5x) 和 bbbb(4x) 是不同的。

Answer 7

第一个 td（id="td" 的那个）在表之外（td 总是应该在表内），你调用函数 del 给出一个字符串 4 b, bbbb 而你的 td有 5 天，ddddd。