Dynamic 如何过滤使用jQuery动态添加的某些内容?
首先,对不起我的英语,我还在学习:) 我的问题是下一个问题,我用jQuery添加了一些HTML内容,特别是这些Dynamic 如何过滤使用jQuery动态添加的某些内容?,dynamic,filter,jquery,jquery-delegate,Dynamic,Filter,Jquery,Jquery Delegate,首先,对不起我的英语,我还在学习:) 我的问题是下一个问题,我用jQuery添加了一些HTML内容,特别是这些输入: <td id="date"><input type="text" id="input_1" class="select" /></td> <td id="date"><input type="text" id="input_2" class="select" /></td> <td id="date"&
输入
:
<td id="date"><input type="text" id="input_1" class="select" /></td>
<td id="date"><input type="text" id="input_2" class="select" /></td>
<td id="date"><input type="text" id="input_3" class="select" /></td>
<td id="date"><input type="text" id="input_4" class="select" /></td>
<td id="date"><input type="text" id="input_X" class="select" /></td>
当我尝试对动态内容应用相同的脚本时,它不起作用,它与任何内容都不匹配
我阅读了delegate()
和live()
方法,但我不明白在我的情况下如何使用它们,因为我看到的所有示例都是针对事件处理程序的
谁都知道我该怎么解决这个问题
提前谢谢
$(document).on('change', 'input[id^=input_]', function() {
/* Do stuff */
});
所以你可以这样做
// Wrap inside a document ready
// Read .on() docs (To ensure the elements...bla bla)
$(document).ready( function () {
input_index = 0;
setInterval(addInput, 1000);
$(document).on('change', 'input[id^=input_]', function() {
$(this).val($(this).attr('id'));
});
function addInput () {
$('<input type="text" id="input_'+input_index+'"/>')
.appendTo('#empty')
.change(); // <============================ Pay attention to this
input_index++;
}
});
//包装在文档中准备就绪
//Read.on()文档(确保元素…bla bla)
$(文档).ready(函数(){
输入_指数=0;
设置间隔(额外输入,1000);
$(document).on('change','input[id^=input_u3;]',function(){
$(this.val($(this.attr('id'));
});
函数addInput(){
$('')
.appendTo(“#空”)
.change();//最好单独命名您的输入或将其称为“fecha_fin[]”否则您将有回发问题。然后需要更清楚地了解您尝试过滤的内容和时间…例如:当选项A是单击“这应该是过滤器”或在页面加载时,这需要过滤…感谢您的建议,我删除输入的名称,因为我并不真的需要它们。关于脚本,我打算一个接一个地获取所有输入在foo()
函数中使用它们。正如我所说,该脚本对我有效,但仅适用于静态内容。我尝试使用该脚本,但不起作用。当文档更改时(在动态添加内容之后)脚本没有执行,我可以在debuggin工具中检查它,并且只在我用浏览器加载页面时才起作用。是的,可以!但是有一点不同,函数addInput()
添加
元素,在我的例子中,我添加了
。我意识到,如果它不是放在更改处理程序中的相同类型的元素,这不会触发。我如何更改脚本以识别元素对,但只获取处理程序中的输入元素,就像在脚本中一样。谢谢!是的!当然可以用.find()
指令我可以做到,你是高手!谢谢你的帮助。
// Wrap inside a document ready
// Read .on() docs (To ensure the elements...bla bla)
$(document).ready( function () {
input_index = 0;
setInterval(addInput, 1000);
$(document).on('change', 'input[id^=input_]', function() {
$(this).val($(this).attr('id'));
});
function addInput () {
$('<input type="text" id="input_'+input_index+'"/>')
.appendTo('#empty')
.change(); // <============================ Pay attention to this
input_index++;
}
});