这很像 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
为准(在顶部显示)
我已有的变量列表:
- sliderIndex =
li
容器索引号 - 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。我的意思是不一致。
最佳答案
您正在从价格元素获取价格值,而不使用当前 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());
});
});
关于javascript - jQuery:如何使用索引或 jquery 对象获取元素内的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25028220/