如何使用jQuery獲取給定名稱和值的HTML

嘗試抓取輸入元素集合中的輸入元素的html。它們都具有相同的名稱，但具有不同的html和值。我如何從輸入中獲取值爲theme的html和等於1-9之間某個數字的值？如何使用jQuery獲取給定名稱和值的HTML

實施例：

<input type="radio" name="theme" value="1" checked> Option 1<br> 
<input type="radio" name="theme" value="2"> Option 2<br> 
<input type="radio" name="theme" value="3"> Option 3<br> 
<input type="radio" name="theme" value="4"> Option 4<br> 
<input type="radio" name="theme" value="5"> Option 5<br> 
<input type="radio" name="theme" value="6"> Option 6<br> 
<input type="radio" name="theme" value="7"> Option 7<br> 
<input type="radio" name="theme" value="8"> Option 8<br> 
<input type="radio" name="theme" value="9"> Option 9<br>

隨機

情形中，我需要獲取input與name=theme和value=4，即，「選項4」的HTML。

謝謝大家！

來源

2017-06-03 Ethan

您可以使用label或span將您的文字包裹在radio button旁邊。這樣一來，會更容易的目標與JQuery

HTML文本：

<input type="radio" name="theme" value="1" checked><span> Option 1</span><br> 
<input type="radio" name="theme" value="2"><span> Option 2</span><br> 
<input type="radio" name="theme" value="3"><span> Option 3</span><br> 
<input type="radio" name="theme" value="4"><span> Option 4</span><br> 
<input type="radio" name="theme" value="5"><span> Option 5</span><br> 
<input type="radio" name="theme" value="6"><span> Option 6</span><br> 
<input type="radio" name="theme" value="7"><span> Option 7</span><br> 
<input type="radio" name="theme" value="8"><span> Option 8</span><br> 
<input type="radio" name="theme" value="9"><span> Option 9</span><br>

JS：

var tmp = $('input[name="theme"][value="4"]').next().text(); 
alert(tmp);

演示：https://jsfiddle.net/L8xzhu9u/

來源

2017-06-03 06:12:15 Mark

您可以使用jquery attribute selector：

$('input[name="theme"][value="4"]').html();

來源

2017-06-03 06:05:40

試圖從字符串中傳遞價值，我改變它看起來像這樣：'$（'input [name =「theme」] [value =''+ array [2] +'「]'）'但它不起作用 – Ethan

什麼是'數組' '陣列[2]'？ –

@Ehan：接受答案。在數組和循環之前進行更多的嚮導調整...提出另一個問題。 –

-2

輸入元素沒有任何與之相關的文本。相反，你想抓住下一個兄弟姐妹並顯示它所保存的文本內容。

$('input[name="theme"][value="4"]').get(0).nextSibling.textContent;

或者，您可以像前面提到的那樣將「選項4」文本包裝在一個範圍中。

來源

2017-06-03 06:11:39

如何使用jQuery獲取給定名稱和值的HTML

回答

相關問題