Question

只是想知道我是否可以在JQuery中使用带有.on（）的.each（）方法，如下所示：

$(document).on("click","#createTheme",function(){
    $("#createThemeDialog").css("display","block");
    $("input[type='color']").each.on("change",function(){
        var css=$(this).attr("name")+"{"+$(this).attr("label")+":"+$(this).val()+"!important}";
        $("#output").val($("#output").text()+css);
    });
});

我可能甚至没有接近正确的解决方案，因为我是JavaScript和JQuery的新手

实际上我在网站上需要的是我需要在模态中获取每个输入[type =＆＃39; color＆＃39;]并在每个输入中更改，输入每个输入的值文本框

这是我的函数代码：

it.combinations

但输出只是更改输入的一个值[type =＆＃39; color＆＃39;]

那么，有没有办法让每个输入的#output显示值[type =＆＃39; color＆＃39;]改变每个输入[type =＆＃39; color＆＃39;]并更新它会动态变化吗？

非常感谢您将宝贵的时间花在我的问题上！非常感谢您的帮助！

由@ gurvinder372解决

谢谢大家！

Answer 1

那么，有没有办法让#output显示每一个的值 input[type='color']更改each input[type='color']并更新它会动态变化吗？

您可以为所有change委派input[type='color']个事件，并使用map为所有这些事件返回相同的生成字符串。

$( document ).on( "change","input[type=color]",function(){
   //now get the values from all "input[type=color]"
   var css = $( "input[type=color]" ).map( function() {
      var $this = $(this);
      return $this.attr("name") + "{" + $this.attr("label") + ":" + $this.val() + "!important}"; //the same string you were generating
   }).get().join( "," );
   $("#output").val( css );
});

JQuery文档+每个+上

1 个答案: