Question

我有一个缩略图模板，我想在缩略图中显示一个按钮，如果ID在

中

<div id="product-id-{{product-id}}" class="product"> \

匹配来自后端的另一个ID。

出于我的目的，我正在使用这个jQuery代码：

var sPriceInDom = Number($("#product-id-"+sProductId+" .product-price").text());

DOM中的ID如下所示 - #product-id-1475081924608。

这个想法很简单，在我看来一切正常，但遗憾的是这个jQuery代码的结果是undefined，我不明白为什么。

这是我的缩略图的模板代码：

var sProductTemplate = '<div class="col-sm-6 col-md-3"> \
                                <div class="thumbnail"> \
                                <div id="product-id-{{product-id}}" class="product"> \
                                  <div class="caption"> \
                                    <h3>{{product-name}}</h3> \
                                    <div class="product-price">{{product-price}}</div> \
                                  </div> \
                                </div> \
                              </div>';

请帮忙！

Answer 1

基本上Jquery在加载dom时用于绑定，但在我们的例子中，代码在页面加载后执行。你可以这样做

var product_id = "{{product-id}}";
function select_product(product_id){
  return $('#product-id-'+product_id).find('.product-price').text();
}

// call this function using timmer 
select_product(product_id);

通过唯一ID选择引导程序缩略图 - jQuery返回＆＃34; undefined＆＃34;

1 个答案: