在联系表单7生成的html内添加html元素 - php

我们正在使用Contact Form 7插件，并希望在Contact Form 7生成的html代码中引入一个附加元素（斜体（i））。

联系表格7短标签：

[checkbox* areas_checkbox id:ftype_box class:checkbox use_label_element "Option1" "Option2" "Option3"]

CF7生成的HTML：

<span class="wpcf7-list-item first">
    <label>
    <input type="checkbox" name="areas_checkbox[]" value="Xero">
    <span class="wpcf7-list-item-label">Option1</span>
</label>
</span>
...

出于样式原因，为什么需要在选项（选项1，选项2等）之前加上斜体（i），所以看起来像这样：

CF7生成的HTML：

<span class="wpcf7-list-item first">
<label><input type="checkbox" name="areas_checkbox[]" value="Xero">
<i></i>
<span class="wpcf7-list-item-label">Option1</span>
</label>
</span>
...

是否可以通过jquery或CF7短代码（php）实现？

php参考方案

您可以使用before()在<i></i>之前插入span。

$(document).ready(function(){
  //$( "i" ).insertBefore( $( ".wpcf7-list-item-label" ) );
  $('.wpcf7-list-item-label').before('<i></i>');
})

i{border:1px solid red; display:inline-block; height:10px; width:10px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="wpcf7-list-item first">
    <label>
    <input type="checkbox" name="areas_checkbox[]" value="Xero">
    <span class="wpcf7-list-item-label">Option1</span>
</label>
</span>

使用Ajax呈现html表 - php

我想知道如何实现以下项目其实我有一个php代码，可以渲染一张桌子<table id = "oldata" class ="table table-bordered"> <thead> <tr class ="success"> <th class="…

提交表单后显示模式对话框 - php

提交下载文件后，我有一张表格。我要自动而不是自动下载文件..以显示模态对话框并显示下载链接。<form name="softwareform" id="softwareform" action="../downloadlink.php" method="POST" alig…

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器，可以在HTML中正常工作，但是当我从PHP回显调用时，似乎没有得到div ID的名称，因此它无法播放我的音频。这是我的代码：// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

单击按钮后显示列表项行 - php

嗨，我尝试开发自定义列表项。加载页面时，列表项中仅应显示<?php echo $row['title']; ?>。用户单击<button id="show" class="btn btn-xs btn-info">Details</button>后，应该显示说明和…

将输入类型复选框关联到输入类型文本 - php

我有一个问题，我需要将输入类型复选框与输入类型文本关联。情况如下：从数据库中提取数据。 PK数据是复选框的值。当复选框选择输入类型的文本时，您可以在其中输入特定数字。现在的问题是，选中所有类型的复选框输入文本都会被激活。我希望通过选择复选框输入，仅启用与复选框相关联的输入。我的HTML代码（此代码创建一个输入复选框，并为数据库中的每个记录输入文本，而我要激活…