jQuery - 不使用输入类型搜索

Question

我有一个输入类型的字段 search

当我尝试用jQuery选择时,我得到了 VM535 jquery-git.js:1529 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: search

检查小提琴 - 小提琴

如何选择该字段？(注意:我没有应用于该字段的任何唯一类或ID,实际上它是生成的插件.)

其实我正在使用jQuery DataTable插件,我想在搜索框旁边添加一个Go按钮.为此,我正在尝试这种解决方法 - 使用jQuery选择搜索框并使用insertAfter方法添加除此之外的按钮.如果还有其他办法,请建议我.

Answer 1

在这种情况下,您可以使用属性选择器.试试这个:

alert($('input[type="search"]').val());

这里的工作示例:https://jsfiddle.net/ashishanexpert/dsye8b2x/1/

Answer 2

input:search 不是有效的 selector(not listed in Selectors section in the docs)

使用属性等于选择器 input[type="search"]

alert($('input:text').val());
alert($('input[type="search"]').val())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" value="text">
<br/>
<input type="search" value="search">
<br/>