Question

我正在尝试提取单选按钮后面的div的内部html。下面是我的代码：

$('input[class=selection1]:checked').each(function() {
    console.log($(this).next().next().text());
});

我的HTML（这只是众多块中的一个）：

<div class="box"><input type="radio" name="addr" class="selection1" value="3" style="width:20px;"> </input></div>
    <div class="box" style="width:300px;">
        <div class="normal">Demo Text</div>
    </div>

我希望将演示文本打印到控制台上。但是，正在打印一个空白字符。有人可以帮我这个吗？谢谢。

Answer 1

这里没有收音机的下一个兄弟，试试这个：

console.log($(this).closest('.box').next('.box').html());

Answer 2

以与您现有的方式类似的方式执行此操作的一种非常具体的方法是：$(this).parent().next().children().text()

Answer 3

首先，您需要注意您的选择器永远不会与您的html匹配。

您需要在html中添加checked属性

<div class="box">
    <input type="radio" name="addr" class="selection1" value="3" style="width:20px;" checked></input>
</div>
<div class="box" style="width:300px;">
    <div class="normal">Demo Text</div>
</div>

在你的Javasscript中，你可以这样做

$('input[class=selection1]:checked').each(function() {
    console.log($(this).closest('.box').next().text());
});

以下是jsfiddle http://jsfiddle.net/uu78cct1/

的链接

这个指针不能用于无线电选择器

3 个答案: