javascript - JQuery .show() 不适用于已引用的 div 中的 div

Question

显示（）不起作用

http://jsfiddle.net/Pppy6/5/

<div class="hello" id="hello">2<div class="ola" id="ola">showMe!</div></div>

.ola {
    display:none
}​

$('#hello').text(parseInt($('#hello').text()) + 1);
$('#ola').show();

Answer 1

当您调用.text()设置内容时，您会删除其他元素。换句话说，调用.show()不起作用，因为元素消失了。

您可以将文本放在<span>元素或其他内容中，然后替换其文本。

Answer 2

那这个呢 ？

<div class="hello" id="hello"><span>2</span><div class="ola" id="ola">showMe!</div></div>

.ola {
    display:none
}​

$('#hello').children('span').text(parseInt($('#hello').children('span').text()) + 1);
$('#ola').show();

如果你想sum 1 to 2在你的hello div