javascript - jquery获取子元素值

Question

这是一个愚蠢的问题，但我被卡住了。为什么我的第一个工作但另一个不工作 3。从阅读文档来看，所有 4 个都应该完成工作。我想在一个更大的用例中获取一个表单元素，同一页面上可能有其他元素在其他表单或其他 div 中具有相同的名称，所以第 4 个选项是我真正想要的。但我不明白为什么所有这些都不起作用。

http://jsfiddle.net/7vF5z/1/

html:

 <form id="filter_form_id" name="filter_form" method="get" action="/retrieved_data_records">

 <select id="brand_id" name="brands">
 <option value="0"></option>
 <option value="143272526">Brand1</option>
 <option selected="selected" value="269998788">Brand2</option>
 <option value="330516076">Brand3</option>
 <option value="330516077">Brand4</option>

 </select>
</form>

js:

 alert ("The val: " +  $('#brand_id').val() );    
 alert ("The val: " +  $('brands').val() );  
 alert ("The val: " +  $('#filter_form_id brands').val() );  
 alert ("The val: " +  $('#filter_form_id > brands').val() );  

Answer 1

您从哪里获得这些选择器？

1. $('brands').val() 正在寻找 nodeName 为 brands 的元素(没有一个)。要检查名称属性，请使用 $('[name="brands"]').val()
2. $('#filter_form_id brands') 正在寻找 nodeName 是 brands 的元素(它们都不是) ID为filter_form_id的元素(绝对不是)。
3. $('#filter_form_id => brands') 完全无效。如果你想要你想要的子选择器 $('#filter_form_id > brands')

要获得更完整的文档，请查看 jQuery documentation可用的选择器。