1

我的 javascript 中有一个模板,它将充当“加载更多”小部件的 html。我想用从数据库中提取的动态数据替换模板中的某些变量。我正在尝试用动态数据替换特定 div 中的变量“id”。这是代码:

模板:

var likes_template = '<div class="activity_sub_header">You want <span class="stage_name"></span> to play {{Auth::user()->city}}!</div>'
               +'<br>'
               +'<div class="description">'
               +'<div class="activity_body">description ... <a href="/artists/id">See more...</a></div>'
               +'</div>'
               +'<div class="image"><a href="/artists/id"><img src="image_path" alt="" height="80" width="80" class="img-rounded"></a>'
               +'</div>'
               +'<br><br><br>';

动态替换:

for (like in likes){
            // Clone the element
            var $like = $(likes_template).clone();
            $like.attr('id', 'like-' + likes[like].ID);

var $imgId = $like.find('div.image');
            $imgId.html($imgId.html().replace('id', likes[like].id));

}

从代码中可以看出,我正在尝试替换id. div class="image"但是,在运行此程序时,我在标题中收到错误:

Uncaught TypeError: Cannot call method 'replace' of undefined in jquery

我已经能够用这种方法替换其他变量,但不是这个。我不确定我做错了什么。谢谢您的帮助!

4

1 回答 1

1

div.image不是选择器元素的后代。

但它是兄弟姐妹之一。

你需要使用filter

$like.find('div.image');

应该是

$like.filter('div.image');
于 2013-08-10T02:29:54.063 回答