Jquery nth-child 未按预期工作

Question

我正在尝试获取 child radio 输入。结果很奇怪。这是 HTML:

 <div id=transactionTabs>
    <input type="radio" id="transtab1" name="transactionTabs" value="tab1"></input>
    <label for="transtab1" class="noTransactions">Tab 1 <span>0</span> </label>

    <input type="radio" id="transtab2" name="transactionTabs" value="tab2"></input>
    <label for="transtab2" class="noTransactions">Tab 2 <span>0</span> </label>

    <input type="radio" id="transtab3" name="transactionTabs" value="tab3" checked="checked"></input>
    <label for="transtab3" class="selected">Tab 3 <span>1</span> </label>

    <input type="radio" id="transtab4" name="transactionTabs" value="tab4"></input>
    <label for="transtab4" class="noTransactions">Tab 4 <span>0</span> </label>

和 Jquery:

    var $element = $('#transactionTabs');

    console.log('1st child is ');
    console.log($element.find(':radio:nth-child(1)'));

    console.log('2nd child is ');
    console.log($element.find(':radio:nth-child(2)'));

    console.log('3rd child is ');
    console.log($element.find(':radio:nth-child(3)'));

    console.log('4th child is ');
    console.log($element.find(':radio:nth-child(4)'));

    console.log('5th child is ');
    console.log($element.find(':radio:nth-child(5)'));

奇怪的是，它只适用于奇数。第二个和第四个 child 没有找到。我希望第二个 child 是:“input#transtab2”，但什么也没找到......

Answer 1

$('input[type=radio]:nth-child(1)')

试试这个