javascript - jQuery:如何使用索引或 jquery 对象获取元素内的值

Question

这很像 slider 演示:

<ul id='slider'>
   <li class="slide1">...</li>
   <li class="slide2">...</li>
   <li class="slide3">...</li>
   <li class="slide4 currentSlider">
      <div class="itemImage">../*image to display*/..</div>
      <span class="itemName">Bag</span>
      <span class="price">500</span>
   </li>
</ul>

我在每个 li 元素中动态附加 currentSlider 类，以较高的 z-index 为准(在顶部显示)

我已有的变量列表:

1. sliderIndex = li 容器索引号
2. sliderData = 当前幻灯片 jQuery 对象(li 元素)

我的目标是在 li currentSlider 类中获取 price 值 (500)，以便我可以将其格式化为货币。

我的货币格式代码:

jQuery(function ($){
  mySlider.bind("slider.slide.onchange",function ( sliderIndex, sliderData ) {

 var price = $("span.price").html();

    $(".sliderPrice").text('$' + parseFloat(price , 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());

  });
});

我已经有了最后一堆代码来实现这件事，但不幸的是有时它显示/显示正确的货币格式，有时显示 $NaN。我的意思是不一致。

Answer 1

您正在从价格元素获取价格值，而不使用当前 slider li，请使用当前幻灯片对象获取价格值:$("span.price",sliderData ).html();

jQuery(function ($){
  mySlider.bind("slider.slide.onchange",function ( sliderIndex, sliderData ) {
    var price = $("span.price",sliderData).html();
    $(".sliderPrice").text('$' + parseFloat(price , 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());
  });
});