Javascript 如何获得';这';输入框?

Javascript 如何获得';这';输入框?,javascript,jquery,Javascript,Jquery,我正在编写一个web应用程序,其中用户单击一个div,该div包含一个带有预定义文本的输入文本框。当用户单击div时,代码将打印在单独的文本框中。我正在尝试编写一个函数来获取单击div的文本输入的值。我通过使用$(this.val())单击输入框本身使其工作但是我想单击div,然后它基本上得到(this)的值('input[type=text].provided_code').val() 有没有一种方法可以说出这个div中的文本输入?页面上有20个div,每个div中有20个输入,每个都有相同的

我正在编写一个web应用程序,其中用户单击一个div,该div包含一个带有预定义文本的输入文本框。当用户单击div时,代码将打印在单独的文本框中。我正在尝试编写一个函数来获取单击div的文本输入的值。我通过使用
$(this.val())单击输入框本身使其工作
但是我想单击div,然后它基本上得到
(this)的值('input[type=text].provided_code').val()

有没有一种方法可以说出这个div中的文本输入?页面上有20个div,每个div中有20个输入,每个都有相同的类名等。

是的,您可以执行以下操作:

$(this).find("input[type='text']").val();
假设该分区中有一个文本类型的输入。

是,您可以执行以下操作:

$(this).find("input[type='text']").val();

假设该分区中有一个文本类型的输入。

是,您可以指定选择器上下文:

默认情况下,选择器从文档根开始在DOM中执行搜索。但是,可以通过使用$()函数的可选第二个参数为搜索提供备用上下文

文件:

因此,您的代码可以如下所示:

$('input[type=text].provided_code', this).val()
性能:


是您可以指定选择器上下文:

默认情况下,选择器从文档根开始在DOM中执行搜索。但是,可以通过使用$()函数的可选第二个参数为搜索提供备用上下文

文件:

因此,您的代码可以如下所示:

$('input[type=text].provided_code', this).val()
性能:


您可以使用
查找
——不过,您不能在单击div时以特定输入为目标,除非该输入具有唯一的类或id

$('div').on('click',function(){
  var value = $(this).find('input[type=text].provided_code').val();
})

您可以使用
find
——不过,您不能在单击div时将特定输入作为目标,除非该输入具有唯一的类或id

$('div').on('click',function(){
  var value = $(this).find('input[type=text].provided_code').val();
})
而不是
(this)('input[type=text].provided_code').val()

您应该在find函数中使用正确的jQuery

$(this).find('input[type=“text”].provided_code'].val();

而不是
(this)('input[type=text].provided_code').val();

您应该在find函数中使用正确的jQuery


$(this).find('input[type=“text”].provided_code']].val()

请向我们展示一些html,如果只是为了阻止人们错误地回答你。请向我们展示一些html,如果只是为了阻止人们错误地回答你。在我的情况下,这似乎是最有效的。感谢您的快速而出色的响应。我正在使用
(this)('input)[type=text]。provided_code')
显然是抛出了一个错误。作为旁注,
$(this)。find('input[type=text]。provided_code')
效率更高。在我的情况下,这似乎是最有效的。感谢您的快速响应。我使用的是
(this)('input[type=text]。provided_code'))
显然抛出了一个错误。作为旁注,
$(this).find('input[type=text].provided\u code')
更有效。