Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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/Jquery中动态创建类名_Javascript_Jquery - Fatal编程技术网

如何在Javascript/Jquery中动态创建类名

如何在Javascript/Jquery中动态创建类名,javascript,jquery,Javascript,Jquery,大家好 我试图从js文件中的变量数据目标创建一个类。它必须使用data-attribute来完成。我正在尝试使用data-attribute动态创建“box^” var event=“数据事件”; var css=“数据css”; var target=“数据目标”; var properties=“数据属性”; $(“.javascript”).on('input',function(){ $('.box1').css($(this.attr(css),$(this.val()); });

大家好

我试图从js文件中的变量数据目标创建一个类。它必须使用data-attribute来完成。我正在尝试使用data-attribute动态创建“box^”

var event=“数据事件”;
var css=“数据css”;
var target=“数据目标”;
var properties=“数据属性”;
$(“.javascript”).on('input',function(){
$('.box1').css($(this.attr(css),$(this.val());
});
.box{
宽度:100%;
高度:50px;
背景:水鸭;
边缘底部:20px;
}
.box2{
背景:海军;
}

很难理解您在这里所追求的是什么,看起来您正试图访问html元素的数据属性,以便使用.data()完成此操作

所以对于你的代码,我想你需要

$(".javascript").on('input', function() {
  var $this = $(this);
  $('.' + $this.data('target')).css($this.data('css'), $this.val());
});

我会投你的票,但是上面说我是新的,我必须通过在网站上更活跃来解锁它。那很好,我相信你仍然可以接受它作为答案,这将非常感谢:)我还有一个问题。是否可以创建一个var=data properties=“css”。这样,我就可以在html代码中将.css改为.text或.addClass?,将data properties=“css”改为data properties=“style”,然后替换.css($this.data('css'),$this.val());使用.attr($this.data('properties'),$this.data('css')+':“+$this.val()+”;”);它可以工作…但是如何从数据属性动态地从.css更改为.innerHeight、.offset()或.scrollLeft()?