如何在Javascript/Jquery中动态创建类名
大家好 我试图从js文件中的变量数据目标创建一个类。它必须使用data-attribute来完成。我正在尝试使用data-attribute动态创建“box^”如何在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()); });
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()?