表单中的jQuery DOM没有在for循环中更新

Question

我有一个django模板，格式为：

{% for user in users %}
    <form class="myform">
        <div class="title"></div>
        Some form element

    </form}
{% endfor %}

我在jQuery中获取表单，如：

var infoForm = $(this).next('myform');

更新title课程，我这样做：

infoForm.find('title').html('<div class='my-title'>My title</div>');

但它没有更新DOM，

我做错了什么？

Answer 1

使用

('.myform');

而不是

('myform');

和

('.title')

而不是

('title')

请参阅Class Selector (“.class”)

Answer 2

而不是

infoForm.find('title').html('<div class='my-title'>My title</div>');

这有用吗？

$('.title').addClass('my-title').removeClass('title');

Answer 3

＆＃13;

＆＃13;

$('.myform').first().find('.title').text('My Title');

＆＃13;

＆＃13;

＆＃13;

或

＆＃13;

＆＃13;

$('.myform').get(0).find('.title').text('My Title');

＆＃13;

＆＃13;

＆＃13;