好的,仅这个问题就让我头晕目眩。
我有一个调用函数的锚标记:
<a href="#" id="addPerson" onClick="addPerson(); return false;">Add a Guest</a>
仅供参考,这是被调用的函数:
function addPerson() {
//current keeps track of how many rows we have.
current++;
console.log($(this).parent('form').attr('id'));
var strToAdd = '<div class="row">\
<div class="column grid_2">\
<label for="two-guests-name'+current+'">Guest '+current+':</label>\
</div>\
<div class="column grid_5">\
<input name="two-guests-name'+current+'" type="text" id="two-guests-name'+current+'" value="Name" onfocus="RemoveFormatString(this, \'Name\')" /> \
<input name="two-guests-age'+current+'" type="text" class="guestage digits" id="two-guests-age'+current+'" value="Age" size="4" maxlength="3" onfocus="RemoveFormatString(this, \'Age\')" />\
</div>\
</div>'
$('#numberguests').append(strToAdd)
};
我想允许此功能在单个页面上处理多个表单。所以我的想法是在树中返回到父表单元素,获取它的 id 并使用它(以某种方式)允许该函数在页面中的多个表单上工作。
您可以看到我尝试使用快速的 console.log 来测试我的想法,但它一直返回“未定义”。我还尝试在锚标记本身中运行 console.log,但它也是“未定义”。
我测试了 .parents() 并且它在锚标记中完美地工作,但在函数 iteslf 中却没有。
有什么建议么?