简化包含多个条目的javascript代码
有人能帮我简化这个代码吗 现在,每当我上传一个新条目时,我都必须添加到这个代码中。 我希望它能够正常工作,这样就只有一个脚本可以识别元素ID rolly或lagrimas并运行代码。根据条目的状态切换“show” 另外,请让我知道,如果这是更好地与php完成。虽然如果可能的话我更喜欢javascript 每次有新的配置文件上传时,我添加到其中的javascript如下:简化包含多个条目的javascript代码,javascript,php,jquery,element,Javascript,Php,Jquery,Element,有人能帮我简化这个代码吗 现在,每当我上传一个新条目时,我都必须添加到这个代码中。 我希望它能够正常工作,这样就只有一个脚本可以识别元素ID rolly或lagrimas并运行代码。根据条目的状态切换“show” 另外,请让我知道,如果这是更好地与php完成。虽然如果可能的话我更喜欢javascript 每次有新的配置文件上传时,我添加到其中的javascript如下: jQuery(document).ready(function(){ jQuery("#rolly").toggle('sh
jQuery(document).ready(function(){
jQuery("#rolly").toggle('show');
jQuery("#lagrimas").live('click', function(lagrimas) {
jQuery("#rolly").toggle('show');
});
jQuery("#rodrigo").toggle('show');
jQuery("#ferber").live('click', function(ferber) {
jQuery("#rodrigo").toggle('show');
});
jQuery("#michael").toggle('show');
jQuery("#cruz").live('click', function(cruz) {
jQuery("#michael").toggle('show');
});
jQuery("#rodolfo").toggle('show');
jQuery("#paladin").live('click', function(paladin) {
jQuery("#rodolfo").toggle('show');
});
jQuery("#rommel").toggle('show');
jQuery("#abadiano").live('click', function(abadiano) {
jQuery("#rommel").toggle('show');
});
});
下面是与上面第一个javascript对应的一个html条目的示例:
[btn_default_disabled id="lagrimas" class="btn" value="show/hide" fomable_id=3 default='Select' disabled='Reserved']
<br>
<div id="rolly">[formidable id=3]</div>
您可以使用公共类和DOM遍历来使代码更加枯燥 还请注意,live早就被弃用了。它甚至已经从jQueryV3中删除。我强烈建议您不要使用它,并希望将您的jQuery版本升级到至少1.12 $.btn.在“单击”时,函数{ $this.next'.target'.toggle; }; .target{显示:无;} 切换 罗利 切换
rodrigo有点不清楚你在问题中上传新条目是什么意思。我将根据猜测回答你的问题 似乎您有一组div和一个与之关联的按钮。 为了简化代码,您应该使用类抽象出这种关系,然后使用类选择器而不是id绑定jquery事件 样本如下 $function{ $'.display'。切换“show”; $'.container'。在“单击”时,'.btn',函数{ $this.sides'.display'.toggle'show'; }; }; 单击lagrimas 我是罗利。 点击费伯 我是罗德里戈。