如何使用JQuery获取HTML给定的名称和值

试图在一组输入元素中获取输入元素的html。它们都有相同的名称，但html和值不同。如何从一个输入中获取html，该输入的值为theme，值等于1-9之间的某个数字

例如：

<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>

在随机场景中，我需要获取输入的html，名称=主题，值=4，即选项4

谢谢大家

您可以使用：

---

输入元素没有任何与之关联的文本。相反，您希望抓取下一个同级并显示它所包含的文本内容

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

或者，您可以如前所述将“选项4”文本包装在span中。

您可以使用标签或span将文本包装在单选按钮旁边。这样，使用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>

---

演示：

尝试从字符串传递值，我将其更改为：$'input[name=theme][value='+array[2]+']'，但它不工作什么是数组或特别是数组[2]？@Ethan:接受答案。有关涉及未提及的before数组和循环的更多向导调整。。。再问一个问题。

<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>

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