无法使用变量-jquery设置CSS

Question

我正在尝试使用从用户键入的文本字段中检索的变量动态设置css。

这是代码行：

$(get_elem_hierarchy()).css($(this).data('theCss').theProp, $(this).data('theCss').theVal);

一切正常。 css属性和css值都正确地跟踪到控制台，但无论出于何种原因它都不会设置它。如果我硬编码就行了。

我也试过在这些引号周围包装引号，这也不起作用，所以这不是问题。

我错过了什么吗？我看了一遍，找不到任何甚至远远接近讨论这个问题的东西，所以也许我会以错误的方式解决这个问题。

非常感谢任何帮助。

Answer 1

您使用.data（）的具体原因是什么？根据{{​​3}}网站 -

  

<强> jQuery.data（ELEM）

     

返回元素的唯一ID。

     

通常此功能仅为   内部使用。你可能不会   以这种方式使用data（）方法。它   必要时自动调用   使用其他数据时（）   功能。

我已经设置了jQuery如何在两个输入框中键入css名称和值，然后将它们应用到div，以验证您是否可以使用变量设置CSS。

an example。

如您所见，它使用jQuery.val（）命令从每个文本框中获取文本并将每个文本分配给变量。这是你打算做的吗？

修改

You can edit and play with the example here

使用textarea进行输入，并允许您指定多个css属性。这是因为jQuery.css（）可以接受一个对象作为参数，所以我们根据textarea值构建一个具有属性及其各自值的对象，然后将该对象传递给jQuery.css（）命令。只需在CSS样式标记中指定textarea中的属性，即

background-color: red; height: 500px; width: 300px; 
font-size: 20px; color: white; 

并且所有内容都将应用于<div>和id="mydiv"

jQuery代码 -

$(function() {

    $('#mybutton').click(function(e) {

    var cssObject = {},
        cssName = null,
        cssValue = null;

    var cssAttributeString = $('#value').val();
    var cssAttributeArray = cssAttributeString.split(";");

    for (var i = 0 ; i < cssAttributeArray.length ; i++){
        cssName = $.trim(cssAttributeArray[i].substring(0,cssAttributeArray[i].indexOf(":")));
        cssValue = $.trim(cssAttributeArray[i].substring(cssAttributeArray[i].indexOf(":") + 1, cssAttributeArray[i].length)); 
        cssObject[cssName] = cssValue;    
    }

    $('#mydiv').css(cssObject);

    });

});