javascript - 用js修改类中的所有元素

Question

我试图根据用户所做的下拉菜单选择隐藏/显示表单中的一类元素。请参阅:http://jsfiddle.net/3FmHK/2/

我是 js 新手，有两个问题，所以也许它们很明显，请耐心等待。

1)我正在通过 div id 进行修改，因此只有第一个元素发生变化(由于某种原因不在这个 fiddle 中，但在项目中发生了变化)。然而，我希望修改一个类的所有元素，但我无法做到这一点。那么如何修改整个类而不是单个元素的 style="display"呢？

2) 删除不适用于新添加的元素，当表单返回项目中的值时，它们是可删除的。据我所知，使用 firebug，GET 返回生成的元素与用户添加的元素的代码看起来相同。为什么删除功能对新添加的元素不起作用？

Answer 1

如果可以的话，我建议使用 jQuery。您可以使用 .on() 功能绑定(bind)新创建元素的操作，并使用类选择器 .hide() 所有类，然后 .show() 当前按 id 选择的类。

它看起来像这样:

jQuery(document).ready( function() {
    jQuery(document).on('click', '.classname', function() {
        jQuery('.' + jQuery(this).attr('class') ).hide();
        jQuery(this).show();
        // Or you can use the following to show a specific ID element.
        //jQuery('#idtoshow').show();
    )};
});

这将隐藏具有该类名称的所有元素。您需要在脚本之前包含 jQuery 库。虽然我在这里只使用了 show 和 hide，但是只要将操作与 .on 绑定(bind)而不仅仅是 .click，就可以使用 .remove()。您需要 .on 来绑定(bind)到新创建的元素。

http://api.jquery.com/on/

希望这有帮助。