jquery在div中更改不同的文本

时间:2011-03-28 12:54:16

标签: javascript jquery

喂,

我有三个不同的div,每个div都有一个段落。

我想点击div 1和文本1更改 - 如果我点击div 2,文本2会更改,而文本1会更改回正常...

我刚刚点击的div中的文本应该更改。由于我是jquery的新手,我可以实现所有文本都在变化,但不是单一的。

谁能帮帮我?

谢谢!

1 个答案:

答案 0 :(得分:3)

这将解决问题 - 首先使用原始内容填充每个div的数据,然后绑定将所有内容设置回原始数据的click事件,并将自身设置为新文本:

http://jsfiddle.net/billymoon/zAhJv/

$('div').each(function(){
    $(this).data({original:$(this).text()})  
})
$('div').click(function(){
    $('div').each(function(){
        $(this).text($(this).data('original'))
    })
    $(this).text('new text')
})