Jquery:单击表行,查找包含的输入文本的值? $(“.container tr”)。单击(函数(){ 警报($(this.find(“foo”).val()); });

Jquery:单击表行,查找包含的输入文本的值? $(“.container tr”)。单击(函数(){ 警报($(this.find(“foo”).val()); });,jquery,Jquery,它应该做什么: 当我单击一个表行时,它会在这个元素中找到输入并警告它的值 谢谢大家! 应该是.find(.foo”)以选择类而不是标记您错过了类选择器中的: <table class="container"> <tr> <td><input type="text" class="foo"></td> </tr> <tr> <td><input type="text" clas

它应该做什么:
当我单击一个表行时,它会在这个元素中找到输入并警告它的值


谢谢大家!

应该是
.find(.foo”)
以选择类而不是标记

您错过了类选择器中的

 <table class="container">
 <tr>
   <td><input type="text" class="foo"></td>
 </tr>
 <tr>
   <td><input type="text" class="foo"></td>
 </tr>
 <tr>
   <td><input type="text" class="foo"></td>
 </tr>
 </table>


 <script>
 $(".container tr").click(function(){
     alert($(this).find("foo").val());
 });
 </script>
FIDDLE:

$(this)。find(“.foo”)
将返回多个项,即该类有3个元素。注意添加了
,表示它是一个类名

alert($(this).find(".foo").val()); 

$(this).find(“foo”)
将尝试查找带有“foo”标记的元素,例如

请进行以下更改,您将100%获得解决方案

$(".container tr").click(function(){
     $(this).find(".foo").each(function(){
          alert($(this).val());

      });
 });
如下更改jquery,
函数getvalue(elementid){
var elementid=“#”+elementid;
警报($(elementid).val());
}
然后更改HTML,如下所示,`在此处输入代码`
如图所示,您需要在每个文本框的click事件上调用jquery函数,还需要为每个文本框指定一个id。
Change the jquery as below,

function getvalue(elementid) {

var elementid = "#" + elementid;
alert($(elementid).val());
}

and change your HTML as below,`enter code here`

as shown here you need  to call jquery function on click event of each textbox and     also need to give an id to each text box.
<table class="container">
<tr>
<td>
<input type="text" id="txtval1" class="foo" onclick="javascript:test(this.id);"></td>
</tr>
<tr>
<td>
<input type="text" id="txtval2" class="foo" onclick="javascript:test(this.id);"></td>
</tr>
<tr>
<td>
<input type="text" id="txtval3" class="foo" onclick="javascript:test(this.id);"></td>
</tr>
</table>