使用jQuery查找文本？

这里是我的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>

来源

2012-01-09 Sanooj

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

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

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

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

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

来源

2012-01-09 07:27:51 devnull69

您的标记无效。

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>

来源

2012-01-09 07:24:17

使用jQuery查找文本？

回答

相关问题