获取parentNode STYLE

Question

当将任何组件拖放到其他组件上时，我想要交换组件的parentNode的CSS样式。

示例：

之前

 <div class="parentDIV_1" Style="HOrizontal_interchange CSS">
      Component_1
    </div>

    <div class="parentDIV_2" Style="Vertical_interchange CSS">
       Component_2
    </div>

现在我想在运行时交换两个类的CSS（当拖放时）

后

<div class="parentDIV_1" **Style="Vertical_interchange CSS"**>
      Component_1
    </div>

    <div class="parentDIV_2" **Style="HOrizontal_interchange CSS"**>
       Component_2
    </div>

Answer 1

我猜这里，但似乎你想在一些拖放事件之后交换两个元素的CSS样式。

这个解决方案怎么样：

1. 创建四个CSS类：

    .parentDIV_1 { ... }
    .parentDIV_2 { ... }
    .horiz { ... }
    .vert { ... }
   

2. 将两个类分配给div：

   <div class="parentDIV_1 horiz"> ...</div>
   
   <div class="parentDIV_2 vert"> ...</div>
   

现在你可以切换它们了：

    $('.horiz').toggleClass('vert').toggleClass('horiz');
    $('.vert').toggleClass('vert').toggleClass('horiz');

Answer 2

试试这个：

$("#id").removeClass().addClass("Whatever_you_want_to_swap_ClassName");