使用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>
答
包装一个文本子节点的<p>
容器,你可以做这样的事情
$('p').contents().filter(function() {
return this.nodeType == 3;
}).wrap('<label/>');
答
您的标记无效。
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>
我不明白你正在尝试做的。你可能会发布一个结果的例子吗? – Grrbrr404 2012-01-09 07:21:54
你正在使标记比所有这些跨度要困难得多。 – 2012-01-09 07:32:45
是的,我正在使用包的umbraco框架(柔韧的形式)。没有选择来改变这种布局结构。 – Sanooj 2012-01-09 07:43:00