JQuery Mobile 无法识别嵌套在 span 标签中的列表项

Question

我目前正在尝试将 JQuery Mobile 集成到基于 XML 的 Web 程序中（Logi Analytics 适合任何关心的人）。问题是当我尝试用 JQuery Mobile 包装他们的报告时，它会中断，因为程序强制包装 HTML 元素被包装在 span 标签中。

示例

我将输入的代码如下所示：

<ul data-role="listview">
  <li>Cool list item!</li>
</ul>

但是输出的代码应该是这样的：

<span>
  <ul data-role="listview">
    <span>
      <li>Cool list item!</li>
    </span>
  </ul>
</span>

因此打破了 jquery mobile 最终会放在相关列表项上的类。有谁知道强制 JQM 以跨度或其他元素内的子列表项为目标的解决方法？

Answer 1

你可以试试unwrapping你的 li 元素，像这样：

$('ul > span > li').unwrap();