Юи скрывает и показывает узлы

в этом примере он заменяет контейнер div другим элементом, но получает другой элемент из функции yui, как я могу сделать тот же пример, но с заменой двух div в html

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);
});

person ALY    schedule 15.07.2011    source источник
comment
Можете уточнить свой вопрос? Это не заменяет какие-либо элементы div: когда вы нажимаете кнопку «Щелкни меня», она заменяет кнопку «Щелкни меня». содержание с я дочерний элемент div.   -  person Nick Husher    schedule 15.07.2011
comment
да. Просьба уточнить. Какой именно результат вы хотите?   -  person mjhm    schedule 16.07.2011


Ответы (1)


Вы имеете в виду, что хотите заменить другой div или выбрать другой div?

В этом примере выбирается em, а затем его содержимое изменяется на setContent( "your new content" ).

Вы можете просто выбрать e.currentTarget (узел или #demo p div) и setHTML() и построить свой div внутри, как строку, например <div>content<div>, это всего лишь один из миллионов способов сделать это.

взгляните на это: http://www.jsrosettastone.com/

person rubelux    schedule 14.01.2014