使用内容是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);
});
});