Question

人。我可以在jQuery .setProperty中使用类似函数的函数吗？

jQuery(document).ready(function(){
jQuery(".content-wrapper").mouseenter(function(){
    jQuery(this).find('.separator-content-box').each(function(){
        this.style.setProperty( 'width', jQuery(jQuery('.content-wrapper').width() -  jQuery('.heading').width()), 'important' );
        this.style.setProperty( 'border-color', 'red', 'important' );
    });
});

Answer 1

在更进一步的问题中，请向我们提供相关的CSS和HTML部分，以便对您的案例有一个全面的了解。

在jQuery中，我建议使用'css（）'函数为元素添加内联样式。你的代码应该是这样的：

jQuery(document).ready(function(){
  jQuery(".content-wrapper").mouseenter(function(){
      jQuery(this).find('.separator-content-box').each(function(){
          jQuery(this).css('width',(jQuery('.content-wrapper').width() -  jQuery('.heading').width()));
          jQuery(this).css('border-color','red');
      });
  });
});

我不知道你的HTML / CSS结构，但我做了一个测试：https://jsfiddle.net/97fjbp12/

注意：要进行计算，您只需添加(和)即可使其正常运行。

Answer 2

您可以尝试使用这种语法。

this[0].style.setProperty( 'width', jQuery(jQuery('.content-wrapper').width() -  jQuery('.heading').width()), 'important' );

this[0].style.setProperty( 'border-color', 'red', 'important' );

OR

this.attr( 'style', 'width: ' + jQuery(jQuery('.content-wrapper').width() -  jQuery('.heading').width()) + 'px !important' );

this.attr( 'style', 'border-color: red !important' );

我可以在.setProperty中添加类似属性的函数吗？

2 个答案: