jQuery UI滑块填充值

Question

我正在使用jQuery ui设置一些滑块。 我有很多滑块，但是我正在尝试最小化代码。 这是我在html中设置滑块的方式：

    <div class="budget_icon-wrapper">
        <div data-name="space_def" class="icon">
            <img class="info" src="images/info.png" />
            <img src="images/space-icon.png" />
        </div>
        <div id="space-item" class="space-item slider"></div>
        <div id="space_item-value" class="item-txt">$3.00</div>
    </div>

带有“ slider”类的div是滑块。 在它旁边的div中，每个滑块的值都不同，这恰好是3美元。 我想做的就是将值从该div中拉出（在本例中为3），并将其作为滑块的值。

我尝试过但不太有效的脚本是这样的：

$(".slider").each(function() {
    value = parseInt($(this).siblings(".item-txt").text(),10);


    $(this).slider({
        animate: "fast",
        max: 25,
        min: 0,
        value: value,
        range: "min"
    });
});

感谢您对此的任何帮助。

Answer 1

更改

value = parseInt($(this).siblings(".item-txt").text(),10);

至

value = parseInt($(this).siblings(".item-txt").text().substring(1),10);

jsFiddle示例

parseInt返回NaN因为$导致它不返回您想要的内容。 正如parseInt上的文档所述 ，“如果第一个字符不能转换为数字，则parseInt将返回NaN。”

更新：根据要求，如果您想要3.00的值，只需使用value = $(this).siblings(".item-txt").text().substring(1);

Answer 2

$(".slider").each(function() {
    strVal = $(this).next('.item-txt').text().substring(1); // take the substring of the text "$3.00" from the second character to the end (remove the $)
    value = parseInt(strVal,10);
    $(this).slider({
        animate: "fast",
        max: 25,
        min: 0,
        value: value,
        range: "min"
    });
});