Yui 隐藏和显示节点答案

【问题标题】：Yui hide and show nodesYui 隐藏和显示节点
【发布时间】：2011-07-15 19:38:45
【问题描述】：

在这个例子中，它用其他元素替换了 div 容器，但它从 yui 函数中获取了另一个元素我如何制作相同的示例，但替换 html 中的两个 div

HTML

<div id="demo">
    <p><em>Click me.</em></p>
</div>

脚本

YUI({ filter: 'raw' }).use("node", function(Y) {
    var node = Y.one('#demo p');

    var onClick = function(e) {
        // e.target === node || #demo p em
        var tag = e.target.get('parentNode.tagName');

        // e.currentTarget === node
        e.currentTarget.one('em').setContent('I am a child of ' + tag + '.');
    };

    node.on('click', onClick);
});

【问题讨论】：

你能澄清你的问题吗？这不会替换任何 div：当您单击“单击我”时，它会替换“单击我”。满足于“我是 div 的孩子”。
是的。请说清楚。你到底想要什么结果？

标签： yui yui3

【解决方案1】：

您的意思是，您要替换另一个 div 或选择另一个 div？

在本例中，em 被选中，然后其内容被 setContent( "your new content" ) 更改

您可以只选择e.currentTarget（节点或#demo p div）和setHTML()，然后在类似字符串中构建您的div，例如<div>content<div>，这只是实现此目的的方法之一。

看看这个：http://www.jsrosettastone.com/

【讨论】：