Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/240.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简化包含多个条目的javascript代码_Javascript_Php_Jquery_Element - Fatal编程技术网

简化包含多个条目的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

有人能帮我简化这个代码吗

现在,每当我上传一个新条目时,我都必须添加到这个代码中。 我希望它能够正常工作,这样就只有一个脚本可以识别元素ID rolly或lagrimas并运行代码。根据条目的状态切换“show”

另外,请让我知道,如果这是更好地与php完成。虽然如果可能的话我更喜欢javascript

每次有新的配置文件上传时,我添加到其中的javascript如下:

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 我是罗利。 点击费伯 我是罗德里戈。