jQuery hide() 不起作用

Question

我试图使用 hide 来隐藏下拉菜单（选择元素），但无法做到。下面是我正在使用的 jQuery 代码。

$('.myClass').find('select[name=xyz]').hide();

chrome 中的异常：对象 xyz 没有方法“隐藏”

---

相应的 HTML

<div class="myClass">
        <select id="xyz" name="xyz">
                    <option>option1</option>
                    <option>option2</option>
                    </select>
        <select id="123" name="123">
                    <option>option3</option>
                    <option>option4</option>
                    </select>
</div>

Answer 1

编辑：我发现您现在已经编辑了帖子中的 HTML，并添加了最初缺少的 name 属性。您的 HTML 和 javascript 在 this jsFiddle 中对我有用，所以如果它对您不起作用，那是因为您的页面中存在其他问题或重复的 ID 或类似的内容。即便如此，我建议您使用下面我建议的更简单的形式，因为它更简单、更快、更万无一失。

编辑OP之前的上一个答案：

我没有看到您可以匹配的name属性。如果您想获取带有 xyz id 的 select 标签，请使用：

$("#xyz").hide();

ID 在页面中是唯一的，因此您可以直接寻址它，无需执行此操作所有其他东西都可以找到它。如果您这样做是因为您的 ID 在页面中不是唯一的，那么您必须修复该问题，因为您将在具有冲突 ID 的不同浏览器中得到不可预测的结果。

Answer 2

没有 [name=xyz]

将其更改为 id

$('.myClass #xyz').hide();

http://sandbox .phpcode.eu/g/1acce/1

Answer 3

您的选择中没有姓名，

$('.myClass #xyz').hide();

如果您打算提交该姓名，则必须添加该姓名。最后，注意：ID 和属性一般不应以数字开头，而应以字母开头。

<div class="myClass">
        <select name="xyz" id="xyz">
                    <option>option1</option>
                    <option>option2</option>
                    </select>
        <select name="abc" id="abc">
                    <option>option3</option>
                    <option>option4</option>
                    </select>
</div>

Answer 4

您有标记为 xyz 的选择的 id。

$('.myClass').find('select#xyz').hide();

或者更好的是

$('#xyz').hide();

jQuery [attribute=value] 选择器搜索特定属性。

jQuery id 选择器 将搜索元素的 id。