如何从 <li> 标记中删除此部分

Question

我找不到此页面的“实际”后端 (http://www.drink-driving-lawyers.com.au/pleading-guilty-or-not-guilty)，我可以在其中删除使第一段带有项目符号的 <li> 和 <ul> 标记。

认罪或不认罪的决定是您在酒后驾车案件中做出的最重要的决定。如果为酒后驾驶指控辩护，请务必从您的律师那里获得所有信息。在页面下方，有许多针对酒后驾驶指控的辩护理由。

我们将 Wordpress 用作 CMS，每当我通过 WP Admin 转到该页面的后端时，该部分没有项目符号，也没有包含在 <ul> 和 <li> 代码中。然而，当您检查来源时，它显示为：

<ul class="postul">
<li class="first-child last-child">
<p>The decision to plead guilty or not guilty is the most important decision that you make in a drink driving case. It is very important if defending a drink driving charge to have all the information from your lawyer. Further down the page there are a number of defences to drink driving charges.</p>
<p>You have to weigh up the chance of winning a defence of your drink driving charges with the extra cost and the possibly worse penalty you may receive.</p>

我需要调整什么文件来删除这些<ul> 和<li> 标签？

Answer 1

客户端

您可以轻松地将这个位包含在您的Appearance > Editor > footer.php（或 header.php）中，并通过摆脱 <li class="first-child last-child"> 来解决问题：

<script type="text/javascript">
$(document).ready(function(){
var myList = $(".postul > li > *").first(); //find the first element after li
$(myList).unwrap(); //remove what's containing it without removing itself
});
</script>

阅读 cmets，一定很容易理解我想要做什么。但是让我们逐行进行：

$(document).ready(function()

等到 DOM 为 ready。

var myList = $(".postul > li > *").first();

我想要一个名为myList 的变量。此变量表示（从 * 读取到开头）= whatever 在li 下，其中li 位于另一个具有名为postul 的类的元素中。

星号 = 任何元素（<div>,<p> 或其他任何元素！）

另外，first() 正如它所说，仅返回具有该条件的first 结果（因此页面中的其余项目不受影响）。

换句话说，它说找到这个：

<element class="postul">
    <li>
        <something> <!-- I WANT THIS! --> 
        <something> <!-- and NOT this --> 
    </li>
</element>
<element class="postul">
    <li>
        <something> <!-- NOT this either --> 
    </li>
</element>

最后：

$(myList).unwrap();

现在找到我的元素后，unwrap() 它。这意味着：

从 DOM 中移除匹配元素集的父元素， 将匹配的元素留在原处。

这将导致我们的示例代码为：

<element class="postul">
        <something> <!-- its parent is removed but it's still here --> 
        <something> <!-- this is NOT affected --> 
</element>
<element class="postul">
    <li>
        <something> <!-- NEITHER this is affected --> 
    </li>
</element>

这应该会导致您想要实现的目标。

服务器端

很难说出它的确切来源（虽然无法访问您的后端），但它确实会影响您拥有的每一篇文章，因此它来自您的服务器端。这仅取决于您的模板和帖子的结构，但您可以查看single.php 或模板中任何其他与帖子相关的 PHP 页面。