jquery 获取没有摘要的详细信息

如何解决jquery 获取没有摘要的详细信息

使用jquery，我需要获取

内容，但没有

部分。有没有办法在没有正则表达式的情况下删除摘要内容？

这是一个tinymce插件。

内容可能在单个标签中，例如：

<details>
  <summary>blablabla</summary>
  <div>
    ... / ...
  </div>
</details>

或者像这样有多个孩子：

<details>
  <summary>blablabla</summary>
    <p>
      ... / ...
    </p>
    <p>
      ... / ...
    </p>
    <p>
      ... / ...
    </p>
</details>

这是我所拥有的：

var nodeType = 'details';
var summary = '';
var details = '';

var selectionNode = tinymce.DOM.getParent(editor.selection.getNode(),nodeType);
if( ( selectionNode !== null ) && selectionNode.nodeName.toLowerCase() === nodeType ){
    summary = // here I must get summary content
    details = // here I must get details content,without summary part
}

如果你有任何线索可以帮助我，谢谢;-)

解决方法

$(document).ready(function() {
  let summary = $("details summary").replaceWith("");
  let details = $("details");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<details>
  <summary>blablabla</summary>
  <p>
    ... / ...
  </p>
  <p>
    ... / ...
  </p>
  <p>
    A... / ...A
  </p>
</details>

$("details summary").replaceWith("");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<details>
  <summary>blablabla</summary>
  <p>
    ... / ...
  </p>
  <p>
    ... / ...
  </p>
  <p>
    A... / ...A
  </p>
</details>

使用jQuery的replaceWith方法如下图：

$("details summary").replaceWith("");

参考：https://api.jquery.com/replacewith/