javascript - 删除包装 div

Question

我有一个小问题。我们的机构正在与 Drupal 合作，但我们想自己改变一些小东西。我精通 HTML/CSS，但不精通 JS。

现在我有一个问题。我将我的 HTML 代码粘贴到内容部分。

这是我的 HTML 代码:

<div class="accordion">          
    <div>
        <input type="radio" name="acc" id="question01" checked="">
        <label for="question01">question</label>
        <div class="accordion-content">
            <p>content</p>
        </div>
    </div>

它应该是一个只有 CSS 的 Accordion 。它在本地运行良好，但在 Drupal 系统中有一个 Javascript 函数，它添加了一个 <div>。 <input> 周围的元素所以我的 CSS 不再起作用，这意味着我无法再打开 Accordion 。

Drupal 中的 HTML:

<div class="accordion">
    <div>
        <div class="medium styledRadio" style="background-image: url(&quot;/assets/img/sprite-radiobuttons-medium.png&quot;); width: 23px; height: 24px; cursor: pointer; background-position: 0px 0px;">
            <input checked="checked" id="question01" name="acc" type="radio" class="medium" style="display: none;">
        </div> 
        <label for="question01">question</label>
        <div class="accordion-content">
            <p>content</p>
        </div>
    </div>

所以我的问题是:有没有一种简单的方法可以覆盖这个 JavaScript？也许有一个简短的解决方案可以删除这个额外的 <div>就在class="accordion"我可以在这个内容部分添加。

Answer 1

可以使用 jQuery 删除多余的 div。我不确定这是你要找的。它仍然可以是删除额外 div 的解决方案

var content = $(".styledRadio").contents();
$(".styledRadio").replaceWith(content);