JQuery:如何选择相同的类选项

Question

我的html有相同类的mutliple下拉框.我从每个输入框中获取一个值,然后将其传递给<select>选择器.我从输入框得到的值是正确的,但我在选择下拉框时遇到问题.

HTML:

<div id="orange">
    <input type="text" class="hide" value="AM" />
    <select class="ampm">
        <option value="AM">AM</option>
        <option value="PM">PM</option>
    </select>
    <br>
    <input type="text" class="hide" value="AM" />
    <select class="ampm">
        <option value="AM">AM</option>
        <option value="PM">PM</option>
    </select>
    <br>
    <input type="text" class="hide" value="PM" />
    <select class="ampm">
        <option value="AM">AM</option>
        <option value="PM">PM</option>
    </select>
</div>
<div id="apple">
    <input type="text" class="hide" value="AM" />
    <select class="ampm">
        <option value="AM">AM</option>
        <option value="PM">PM</option>
    </select>
    <br>
    <input type="text" class="hide" value="PM" />
    <select class="ampm">
        <option value="AM">AM</option>
        <option value="PM">PM</option>
    </select>
</div>

JS:

$(function () {
$('div').each(function(){
    $(this).find('.hide').each(function () { //inputbox
         $(this).find('.ampm').val($(this).val()); //option                        
         alert($(this).val());
     });    
  });
});

JSFiddle FullCode

Answer 1

find在元素内看.您的选择框未包含在输入中,因此未找到任何内容.而是将其更改为next:

     $(this).next('.ampm').val($(this).val());                         

http://jsfiddle.net/LpsVn/2/