获取一个跨度 html 并用 jquery 在另一个中显示它答案

【问题标题】：getting a spans html and displaying it in anothers with jquery获取一个跨度 html 并用 jquery 在另一个中显示它
【发布时间】：2013-03-08 19:35:10
【问题描述】：

也许这很简单，但经过一个小时的反复试验和搜索，我找不到任何东西。基本上我有一张桌子，每个<td> 都有一个<span>，其中有一个day 的id，每个都有一个数字，你猜对了，一个月的几天。基本上，当单击<td> 时，我想获取该数字并将其显示在另一个<span> 中，并带有日期的class，据我所知，jquery 我做得很好。但是在本地主机上我得到了结果：

[object Object]

这显然不是一个数字。我尝试在jsfiddle 中重新创建它，但这并没有给我任何点击。

html:

<table>
    <tr>
        <td>
            <span id = "day">3</span>
        </td>

        <td>
            <span id = "day">8</span>
        </td>
    </tr>
</table>

<span class = "thedate">
    test
</span>

jquery:

    $('td').click(function(){
        var date = $('this').text('#day');
        $('.thedate').html(''+date+'');
    });

有什么想法吗？

【问题讨论】：

两个html元素不能有相同的id。
@Nick 规范明确禁止重复 ID
@Nick 它必须是唯一 ID，非唯一 ID 是无效的 HTML。

标签： jquery innerhtml

【解决方案1】：

1) 你忘了在你的小提琴上加载 jQuery，

2) 你在该行设置文本，所以返回值是原始的 jQuery 对象。

3) $('this') 将选择任何名为 this 的 HTML 元素，例如您想要的 <this /> $(this)

试试：

$('td').click(function(){
    var date = $(this).find('span').text();
    $('.thedate').html(''+date+'');
});

工作 jsFiddle：http://jsfiddle.net/THUtq/5/

【讨论】：

你是圣人，也是学者。