如何使用jquery获取li中文本框的单击事件
我在如何使用jquery获取li中文本框的单击事件,jquery,Jquery,我在的中有一个文本框列表。如何获取文本框的单击事件 它们放置在嵌套的中,如下所示。 lis的部分是使用jquery动态创建的。。但是click事件并不像这样触发。我已经尝试了在dynamic中发布的jquery答案 <div> <ul> <li><input type="text"></li> <li><input type="text"></li> &l
的中有一个文本框列表。如何获取文本框的单击事件
它们放置在嵌套的
中,如下所示。
lis的部分是使用jquery动态创建的。。但是click事件并不像这样触发。我已经尝试了在dynamic中发布的jquery答案
<div>
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
</div>
谢谢
只需给出$(“input[type='text'])
即可用于所有文本框,无论其位置如何
只需给出$(“输入[type='text'])
对所有文本框都适用,无论它们的位置如何。试试看
$('div li input:text').click(function(){
//do
})
试一试
好了
$('div ul li input[type=text]').click(function () {
alert('HI');
}
);
好了
$('div ul li input[type=text]').click(function () {
alert('HI');
}
);
已编辑
$("body").on("click", "div ul li input[type=text]", function(event){
alert('HI');
});
已编辑
$("body").on("click", "div ul li input[type=text]", function(event){
alert('HI');
});
jQuery选择器与CSS选择器类似。您可以使用相同的模式并将事件处理程序应用于元素。但是,如果您使用类和id来识别代码,这将非常容易
<div id="mydiv">
<!-- Adding ID to the div like this will help you to target your event handler
To a set of required elements only -->
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
</div>
对于标记,即使应用了事件处理程序,它也将是通用的,并将应用于整个页面中div内的所有文本框
如果不想更改标记,并且想将函数应用于所有输入框。此代码的一般版本为:
$("div :text").on('click', function() {
console.log('I am clicked');
});
jQuery选择器类似于CSS选择器。您可以使用相同的模式并将事件处理程序应用于元素。但是,如果您使用类和id来识别代码,这将非常容易
<div id="mydiv">
<!-- Adding ID to the div like this will help you to target your event handler
To a set of required elements only -->
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
</div>
对于标记,即使应用了事件处理程序,它也将是通用的,并将应用于整个页面中div内的所有文本框
如果不想更改标记,并且想将函数应用于所有输入框。此代码的一般版本为:
$("div :text").on('click', function() {
console.log('I am clicked');
});
你试过了吗
$("input[name$='TextboxId']").click(function()
{
});
你试过了吗
$("input[name$='TextboxId']").click(function()
{
});
我已经找到了答案。我试了所有的答案后,终于找到了。为了触发动态创建的文本框的点击事件,我们必须在回答时使用live
$("#location input[type='text']").live("click", function(){
alert("Test");
});
我已经找到了答案。我试了所有的答案后,终于找到了。为了触发动态创建的文本框的点击事件,我们必须在回答时使用live
$("#location input[type='text']").live("click", function(){
alert("Test");
});
你的代码没有粘贴。你的代码没有粘贴。键入错误而不是div你只使用di:)文本是使用jquery动态追加的,甚至jquery函数也在使用jquery clcik,而不是在动态上下文中触发。键入错误而不是div你只使用di:)文本是使用jquery动态追加的,甚至jquery函数都在运行jquery clcik,而不是在动态上下文中触发。因此,问题没有该div的任何Id。是的,我已经读到了,我们在这里回答SO问题,而不是向他们提供改变当前情况的建议。对不起,如果我伤害了你。@rahularyansharma真的,我们现在不能给出建议吗?为什么不打开它呢?文本是使用jquery动态追加的,甚至jquery函数也在使用jquery clcik,而不是在动态中触发context@anoop哦所以你也想要活动授权。所以问题没有该div的任何Id是的,我已经读到了,我们在这里回答这些问题,而不是向他们提供改变现状的建议。对不起,如果我伤害了你。@rahularyansharma真的,我们现在不能给出建议吗?为什么不打开它呢?文本是使用jquery动态追加的,甚至jquery函数也在使用jquery clcik,而不是在动态中触发context@anoop哦所以你也想要事件授权。我试过这个,但很难成功,li中的文本框是通过点击按钮在相应链接中的每个文本框中动态创建的。我想点击输入框来执行ajax调用。我已经尝试过这个方法,但是效果不好,li中的文本框是在点击按钮后在相应的链接中动态创建的。我想点击输入框来执行ajax调用。您好,这很有帮助,但不起作用,带有文本的li是动态创建的,这可能是li中的文本框在对应的li中通过点击按钮动态创建的原因。我需要点击输入框来执行ajaxcall@anoop我不明白你在接受回答后问我,这个答案没有回答你的问题吗?是的,它在静态dil>ul\uu>li>输入方式下运行良好,但在输入类型动态时不起作用generated@rahularyansharma所以通过添加我的答案来编辑你的答案?嗨,这很有帮助,但不起作用,带有文本的li是动态创建的,这可能是li中的文本框在每个文本框中通过单击按钮动态创建的原因。我需要点击输入框来执行ajaxcall@anoop我不明白你在接受回答后问我,这个答案没有回答你的问题吗?是的,它在静态dil>ul\uu>li>输入方式下运行良好,但在输入类型动态时不起作用generated@rahularyansharma所以通过添加我的答案来编辑你的答案?哇,这一个绝对正确,我正在检查.live jquery函数在jquery新版本中不受欢迎,但不起作用,但是,这个有魔力。谢谢你的工作。。很好,我一直在使用。live有时由于jquery不兼容而无法正常工作。。现在好了thanks@PatsyIssa我希望现在你对我编辑的答案不再有任何疑问:)@rahularyansharma当答案有效时,做了被问到的事情,并且被接受编辑之前的一个答案,它采取了两个步骤,似乎有点不合逻辑:)哇,这一个绝对正确,iam正在检查.live jquery函数在jquery新版本中已被弃用,但该函数不起作用,但它确实很神奇。谢谢你的工作。。好吧,我一直在用。活几次就不行了