我成功地将自定义工具栏添加到sDom。我有两个输入文本框和一个按钮。我可以通过Jquery在按钮上创建一个click事件，但是这两个文本框没有使用它们的ID或类名响应Jquery选择器，我想将Jquery事件连接到其中一个文本框。
我可以使用CSS轻松访问这两个输入框（即：.typeahead1 {display：none;}。
当我通过浏览器开发人员工具检查元素（输入文本框）时，会显示我用于通过Jquery选择元素的类名和ID。
为了测试我的Jquery选择，我试图隐藏sDom中的元素。我可以使用（$（＆＃39; .dataTables_filter，.dataTables_info＆＃39;）轻松隐藏标准数据表搜索过滤器.hide（）;
我无法隐藏自定义工具栏中包含的各个输入文本框。我可以隐藏整个自定义工具栏，但不能隐藏单个控件。
我用它将自定义工具栏注入sDom（即：sDom：＆＃39;＆lt;＆＃34; H＆＃34;＆lt;＆＃34;工具栏＆＃34;＆gt; f＆gt; t＆lt;＆ ＃34; F＆＃34;＆IP GT;＆＃39;，）
。如果在sDom中使用Jquery，如何在我的自定义工具栏中选择单个项目（输入id =＆＃34; City1＆＃34;）？
我确定这是一个Jquery选择器语法，我只是没有做对。
这是我注入sDom的自定义工具栏：
$("div.toolbar").html('<div class="toolbarCustom">City, State <input id="City1" class="typeahead1" type="text" size="40" placeholder="City and State separated by comma" autocomplete="off" /> Zip <input id="ZipCode1" placeholder="Zipcode" type="text" size="10" /> <button id="btnSetLocation" type="button" class="btn btn-primary">Set Location</button></div>');
非常感谢任何帮助。
谢谢 比尔
答案 0 :(得分：0)
经过大量的研究和纯粹的挫折，我能够让我的控制工作。
主要问题是包含控件的div是动态创建的，在我将html硬编码到表单后，Jquery能够轻松识别id和类名。
我没有意识到Jquery仅绑定绑定时存在的元素。
我本可以使用$（document）.on ...进行后期绑定，但我无法将其与我想要使用的bootstrap typeahead插件相匹配。