セマンティックUIグリッドのCMS生成マークアップの構造を変更する

グリッドスタイル全体をリエンジニアリングすることなく、行divと列divの間にdivを追加する方法はありますか？私はSUIを統合しようとしているCMSは、私が取り除くことができない不要なdivを挿入します。新しい構造は次のようになります。セマンティックUIグリッドのCMS生成マークアップの構造を変更する

<div class="ui grid"> 
 
    <div class="row"> 
 
    <div class="UNWANTED DIV"> 
 
     <div class="column"> 
 
     </div> 
 
     <div class="column"> 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>

問題は、SUIは、クラス列を持つdivのように、私は残念ながらそれを行うことはできません行にした後、次のdivを期待していることです。これを説明するためにセマンティックグリッドCSSを変更する必要がありますか、またはいくつかの魔法の修正がありますか？

ご協力いただければ幸いです。

出典

2016-11-01 Kalvin MacLeod

不要なdivのouterHTMLとinnerHTMLをマージするには、条件文を使用します。例えば：

var foo = document.querySelector(".row > div"); 
 
if(foo.className === "UNWANTED DIV") 
 
    { 
 
    foo.outerHTML = foo.innerHTML; 
 
    } 
 

 
console.log(document.body.innerHTML);

.row > .column { border: 1px solid red; }

<div class="ui grid"> 
 
    <div class="row"> 
 
    <div class="UNWANTED DIV"> 
 
     <div class="column"> 
 
     </div> 
 
     <div class="column"> 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>

参照

出典

2016-11-15 19:50:13

セマンティックUIグリッドのCMS生成マークアップの構造を変更する

答えて

関連する問題