使用内容是jquery中表单元素的变量

使用内容是jquery中表单元素的变量,jquery,Jquery,我有一张这样的表格: <form id="form1"> <div id="teste1"> aaa: <input id="aaa" name="aaa" type="text" /> bbb: <input id="bbb" name="aaa" type="text" /> ccc: <input id="ccc" name="aaa" type="text" /> </

我有一张这样的表格:

<form id="form1">
   <div id="teste1">
       aaa: <input id="aaa" name="aaa" type="text" />
       bbb: <input id="bbb" name="aaa" type="text" />
       ccc: <input id="ccc" name="aaa" type="text" />
   </div>
   <div id="teste2">
       ddd: <input id="ddd" name="aaa" type="text" />
   </div>
</form>
$(document).ready(function ({
    var temp = $("#form1");
    foo(temp);
});
然后,函数foo在其他脚本中,我需要找到id“ddd”,例如。我怎么做

foo = function(dataform)
{
   dataform.$("#ddd").val() ?????
};

非常感谢。

您是否一直在尝试
element.find()
元素.children()

样本:

foo = function(dataform, inside)
{
   var element_you_want = dataform.children(inside);
};


foo($("#form1"), "#ddd");

首先,
$.function
不是jQuery API的一部分,它将是未定义的。我怀疑您想要使用通常是这样完成的事件:

<form id="form1">
   <div id="teste1">
       aaa: <input id="aaa" name="aaa" type="text" />
       bbb: <input id="bbb" name="aaa" type="text" />
       ccc: <input id="ccc" name="aaa" type="text" />
   </div>
   <div id="teste2">
       ddd: <input id="ddd" name="aaa" type="text" />
   </div>
</form>
$(document).ready(function ({
    var temp = $("#form1");
    foo(temp);
});
其次,
$。$
也不是jQueryAPI的一部分,因此
数据表单。$(“#ddd”)
也将是未定义的。由于您试图查找子元素(而不是直接子元素),我建议使用
find
方法:

foo = function(dataform) {
   dataform.find("#ddd").val() //?????
};
另外,在上面的代码中,您没有使用
#ddd
值执行任何操作,因此当它成功执行时,页面上不会出现任何可见的操作

最后,假设您的标记有效且每个
id
属性都是唯一的,使用
.find
按id查找元素的效率低于(即
$('#ddd').val()
)。请注意,这显然违背了将
$(“#form1”)
作为函数参数传递的目的,但它更高效(就查询DOM而言),这让我想知道您试图实现什么。如果您能用总体目标更新您的问题,我们可能会更好地帮助您。

无需定义许多FYNCTION。在页面中添加一个按钮:

<input type="button" id="check" value="Check Values" />
现在,您可以获取其他元素并检查其值。 您还需要等待文档准备就绪(以确保在浏览器中加载元素):


什么是
$。函数
?欢迎您。如果你不介意,请投票表决我的答案。
$(function () {
    $('#check').on('click', function () {
        var ddd = $('#ddd').val();

        alert(ddd);
    });     
});