jquery查找功能不起作用

Question

我有html with 2

<select> ... </select>

span span中的元素spanClass类。现在我尝试使用此代码选择带有jQuery的选项：

jQuery(document).ready(function() {
    spans = jQuery('.spanClass');
    spans.each(function() {

        var inputs = jQuery(this).find('select');
        console.log(inputs);// This is working
        inputs.each(function() {
            alert('test'); //This not
       });
    });
});

HTML：

<table>
<tr>
    <td>
        <select name="een">
            <option> test </option>
        </select>
    </td>
</tr>

        <select name="twee">
            <option> test </option>
        </select>
    </td>
</tr>
</table>

然而，这不起作用，有人可以告诉我为什么吗？

Answer 1

首先＆gt; 将表放在Div而不是Span中（这是正确的方法）

第二个＆gt; 将您的表格标签更正为以下图片和代码（其中一些不正确！）

现在＆gt; 使用这些代码

<强> HTML：

<div class="divClass">
<table>
    <tr>
        <td>
            <select name="een">
                <option> test </option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <select name="twee">
                <option> test </option>
            </select>
        </td>
    </tr>
</table>
</div>

<强> jQuery的：

jQuery(document).ready(function() {
    spans = jQuery('.divClass');
    spans.each(function() {

        var inputs = jQuery(this).find('select');
        console.log(inputs);
        inputs.each(function() {
            console.log(jQuery(this).prop("name")); 
       });
    });
});

<强>结果：

Answer 2

var inputs = jQuery(this).find('select');   // Isn't inputs empty jQueryObject? length 0?

如果输入为空jQueryObject，则永远不会调用.each（）传递的回调函数。