2012-01-09 50 views
2

这里是我的HTML使用jQuery查找文本?

<p> checkbox list 
    <span> 
    <span> 
     <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
    </span> 
    <span> 
     <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
    </span> 
    </span> 
</p> 
<p> checkbox list 02 
    <span> 
    <span> 
     <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
    </span> 
    <span> 
     <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
    </span> 
    </span> 
</p> 

如何换行 '复选框列表' 和 '复选框list02' 一个label标签内的同一地点

我想结果是这样的:

<p> <label>checkbox list </label> 
     <span> 
     <span> 
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
     </span> 
     <span> 
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
     </span> 
     </span> 
    </p> 
    <p> <label>checkbox list 02</label> 
     <span> 
     <span> 
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
     </span> 
     <span> 
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" /> 
     </span> 
     </span> 
    </p> 
+0

我不明白你正在尝试做的。你可能会发布一个结果的例子吗? – Grrbrr404 2012-01-09 07:21:54

+0

你正在使标记比所有这些跨度要困难得多。 – 2012-01-09 07:32:45

+0

是的,我正在使用包的umbraco框架(柔韧的形式)。没有选择来改变这种布局结构。 – Sanooj 2012-01-09 07:43:00

回答

7

包装一个文本子节点的<p>容器,你可以做这样的事情

$('p').contents().filter(function() { 
    return this.nodeType == 3; 
}).wrap('<label/>'); 
3

您的标记无效。

ID属性需要对每个元素都是唯一的,而您有多个具有相同名称的ID。

例如

<p>checkbox list</p> 
<label>checkbox1<input type="checkbox" value="" name="apple1" id="apple1"/></label> 
<label>checkbox1<input type="checkbox" value="" name="apple2" id="apple2"/></label> 

<p>checkbox list2 </p> 
<label>checkbox1<input type="checkbox" value="" name="apple3" id="apple3"/></label> 
<label>checkbox1<input type="checkbox" value="" name="apple4" id="apple4"/></label> 

您可能还想使用无序/有序列表进行研究。

例如

<ul> 
<li><label>checkbox1<input type="checkbox" value="" name="apple3" id="apple1"/></label></li> 
<li><label>checkbox2<input type="checkbox" value="" name="apple3" id="apple2"/></label></li> 
<li><label>checkbox3<input type="checkbox" value="" name="apple3" id="apple3"/></label></li> 
</ul>