使用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查找文本？

回答

相關問題