Как применить стиль CSS для HTML-элемента с помощью Mootools

Question

Как мы можем скрыть все элементы списка из первой формы в следующей html-структуре, используя mootools

<form method="post" action="/signup" class="global_form" enctype="application/x-www-form-urlencoded">
<div>
    <div>
        <ul class="form-errors">    
            <li>First Name
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
            <li>Last name
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</form>


 <form method="post" id="user_form_login" action="/login" class="global_form" enctype="application/x-www-form-urlencoded">
<div>
    <div>
        <ul class="form-errors">    
            <li>Uername
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
            <li>Password
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</form>

Answer 1

Это полностью не проверено, и я перешел на jQuery некоторое время назад, так что, возможно, есть более чистый способ сделать это, но это должно дать вам основную идею.

Если вы пытаетесь выбрать несколько элементов, используйтеметод mootools долларов .

Если бы вы добавили id к первой форме, вы могли бы сделать что-то вроде этого ...

$$('#form1 li').setStyle('display', 'none');

ИЛИ

Если вы не хотите добавлять тег id, это может сработать.

var firstForm = $$("form").getFirst(),
listElements = firstForm.getChildren('li');

listelements.setStyle('display', 'none');