Question

Checkbox随机生成span标记。现行守则：

<asp:CheckBox ID="CheckBox_select"  type="checkbox" ClienIDMode="Static" runat="server" onclick="javascript:CheckCheckBox(this);" />


<asp:Label AssociatedControlID="CheckBox_select" ClientIDMode="Static" runat="server" ID="cbs" />

生成：

<span type="checkbox"><input id="CheckBox_select" type="checkbox" name="ctl00$ContentPlaceHolder1$GridView_reminderList$ctl02$CheckBox_select" onclick="javascript:CheckCheckBox(this);"></span>

如何删除Span标签？

Answer 1

$('#CheckBox_select').unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span type="checkbox"><input id="CheckBox_select" type="checkbox" name="ctl00$ContentPlaceHolder1$GridView_reminderList$ctl02$CheckBox_select" onclick="javascript:CheckCheckBox(this);"></span>

使用.unwrap()

描述：从DOM中删除匹配元素集的父节点，将匹配的元素留在原位。

Answer 2

使用.unwrap()从DOM中删除匹配元素集的父元素，将匹配的元素留在原位。：

var pTags = $( "#CheckBox_select" );
if ( pTags.parent().is( "span" ) ) 
    pTags.unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<span type="checkbox"><input id="CheckBox_select" type="checkbox" name="ctl00$ContentPlaceHolder1$GridView_reminderList$ctl02$CheckBox_select" onclick="javascript:CheckCheckBox(this);"></span>

如何删除复选框生成的span标记

2 个答案: