如何使用Jquery$更新不同div标记内的HTML(此)。选择器
如果我有这样的表格:如何使用Jquery$更新不同div标记内的HTML(此)。选择器,jquery,this,Jquery,This,如果我有这样的表格: <form id="form-04"> <div name="form-status"></div> <input name="FromEmail" placeholder="Your Email Address" type="text"> <input name="ToEmail" placeholder="Your Friends Email Address" type
<form id="form-04">
<div name="form-status"></div>
<input name="FromEmail" placeholder="Your Email Address" type="text">
<input name="ToEmail" placeholder="Your Friends Email Address" type="text">
<textarea name="Message" placeholder="Your Message, 512 characters max." rows="5"></textarea>
<button style="float: right;" type="submit">Submit</button>
</form>
$('#form-01, #form-02, #form-03, #form-04').each(function() {
$(this).validate({
..... bla bla bla
});
});
如何引用名为“表单状态”的div?我试过了,但我不知所措
$("div:first", this).html("HTML txt goes here.");
我应该使用alt属性还是其他什么
PS:我知道如果我只在div标签中使用一个id,这会很容易,但我没有这个选项。使用
所以我打算留下一条详细说明一切的评论,但是你应该使用类而不是ID。。尽管如此 您的
表格1
,表格2
,表格3
#form1000232212100001003
都应该是class=“target form”
的类,或者是您认为足够描述性的名称变体
然后,您的代码就可以满足您的需要了
$('.target-form').each(function() {
var form = $(this);
form.find('[name="form-status"]').html('Yep that worked.');
form.validate({
// ..... bla bla bla
});
});
为了跟上这个趋势。。。尽管名称对于许多事情来说是一个有效的属性,但它并不是正确的方法。我更喜欢最佳实践。使用类。。再一次。。。只需将
name
更改为class
,您就完成了。仅在div
、p
、span
、等上进行此更改。
<代码>输入s很好。在使用id时为False。你应该使用类…如果你仍然面临麻烦,请告诉我,这样我可以help@AmmarCSE我在试图解决这个问题或解释它时,却没有向别人展示我正在实际编写的代码,这让我束手无策。后藤:看看第一张电子贺卡下面的代码。我还没有使用ajax,但这很简单,我只是尝试让页脚中的jquery.validate对所有这些动态生成的表单起作用。我只想将ajax调用输出的错误消息输出回id=“ECForm01”下面的div中,而不将id硬编码到代码中。@ammarcs我正在处理的代码行位于或大约在734行。@Vince,尝试将该行更改为$(form)。find('[name=“form status”]').html(“发生以下错误:“+textStatus,errorbount”);
您不能作为独立函数调用find
。您需要某种上下文来开始
$('.target-form').each(function() {
var form = $(this);
form.find('[name="form-status"]').html('Yep that worked.');
form.validate({
// ..... bla bla bla
});
});