获取跨越html并使用jquery在其他人中显示它

时间:2013-03-08 19:35:11

标签: jquery innerhtml

也许这很简单,但经过一个小时的试错和搜索后我找不到任何东西。基本上我有一张桌子,每个<td>都有一个<span>,其中id,每个都有一个数字,你猜对了,这个月的日子。基本上当点击<td>时,我想获取该数字并将其显示在另一个<span>中,其中class 日期来自我所知道的jquery我正确地做到了。但是在localhost上我得到了结果:

[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+'');
    });

任何想法?

1 个答案:

答案 0 :(得分:2)

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/