每个ID

Question

我在一个页面上有两个以上的旅行价格，每个旅行（div容器）应该有一个起始价格（最小值）。

所以我写了这个，它正在工作......

jQuery(function($) {
    var vals = $('.prices').map(function () {
    return parseInt($(this).text(), 10) ? parseInt($(this).text(), 10) :  null;
    }).get();

// then find their minimum
    var min = Math.min.apply(Math, vals);

// tag any cell matching the min value
    $('.prices').filter(function () {
    return parseInt($(this).text(), 10) === min;
    });

   $('.start-price').text(min);
});

但很明显，脚本从页面上的所有价格中获取最小值（所有容器）。它应该取每个（每个）旅行的最小值。容器的ID可以动态生成。 我怎么能想到这个？

Answer 1

确保每个旅行div都有一个类（比方说.travel）并为每个旅行div执行计算。

jQuery(function($) {      
    $(".travel").each(function() {

      var $prices = $(this).find(".prices");
      var vals = $prices.map(function () {
        return parseInt($(this).text(), 10) ? parseInt($(this).text(), 10) :  null;
      }).get();

      // then find their minimum
      var min = Math.min.apply(Math, vals);

      // tag any cell matching the min value
      $prices.filter(function () {
        return parseInt($(this).text(), 10) === min;
      });
      $(this).find('.start-price').text(min);
    });       
});