Question

我有以下表格。

<form action="" method="post" id="save-user">
    <button type="button" name="save-user">Save</button>
    <button type="button" name="save-user-close">Save & Close</button>
    <input type="text" name="name" placeholder="Enter your name" required/>
    <input type="email" name="email" placeholder="Enter your email" required/>
</form>

我很困惑如何为所有输入和按钮元素创建一个jQuery选择器，因为我没有使用id属性，我不想在这种情况下使用它。如何为所有四个表单元素检索或创建选择器。

谢谢。

Answer 1

以上所有答案都可以，但您可以（而且肯定应该）学习并（学习）使用高级选择器as pseudo classes, attribute selectors and more。以下是一些例子：

// all the buttons that are children of the container 
//with the attribute id equal to "save-user"
$("#save-user").find('button');

// all the buttons that have their name attribute starting with "save-user"
$('button[name^=save-user]'); 

// same as before, only that we filter the results
// by checking if they contain the text "Save"
$('#save-user').find('button').filter(':contains(Save)');

只有使用jquery选择器才能创建更复杂的查询 - 无需将id或类绑定到元素 - 以满足您的需求。当然，主要的缺点是效率，但如果你不滥用特殊选择器，你的jquery编码风格可能会非常酷。

Answer 2

怎么样...... $('#save-user button,#save-user input').blah();

Answer 3

 $("#save-user").find("button, input")

Answer 4

您可以使用$(':button[name="save-user"]')作为按钮，使用$(':input[name="name"]')作为输入。

需要帮助选择jQuery选择器

4 个答案: