Question

如何使用mootools

在以下html结构中隐藏第一个表单中的所有列表元素

<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 dollars方法。

如果你要在第一张表格中添加id，你可以这样做......

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

或者

如果您不想添加id标记，则可能会有效。

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

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

如何使用Mootools为HTML元素应用css样式

1 个答案:

或者