javascript - 使用jquery通过id获取值

Question

此代码在数据库托管页面上使用。该页面具有 slider ，用户可以从中选择所需的核心数量以及内存的上限和下限。从 slider 中选择的值正在工作并在跨度 ID 中输出。然后我想用选定的值来计算价格。但我就是无法取回该值。我将其分解为简单的部分，并意识到核心或内存没有任何值(value)。当 slider 更新页面时，我需要做什么才能检索值？

 <script>
    function showValues(event, ui) {
        var values;
        if (!ui.values) {
            values = $("#" + event.target.id).slider("values");
        } 
        else {
            values = ui.values;
        }
        if (values[0] == values[1]) {
            return false;
        } 
        else {
            values[0] % 1 == 0;
            values[1] % 1 == 0;
            $("#" + event.target.id + "-valuemin").html(parseInt(values[0]));
            $("#" + event.target.id + "-valuemax").html(parseInt(values[1])); 
        }
    }

    $(document).ready(function() {
        var base = 24;
        var cores = parseInt($("#CoreSlider-valuemin").val()*5);
        var ram = parseInt($("#RanSlider-valuemin").val()*2) + parseInt($("#RanSlider-valuemax").val());
        var cost = parseInt(base) + parseInt(cores) + parseInt(ram);                
        $("#Cost").html(parseInt(cost));
    });
$(function() {$( "#RanSlider" ).slider({range: true,min: 1,max: 64,step: 1,values: [4, 16],slide: showValues,create: showValues,change: showValues});});
$(function() {$( "#CoreSlider" ).slider({range: false,min: 1,max: 16,step: 1,values: [2],slide: showValues,create: showValues,change: showValues});});

    </script>

Answer 1

val() 不是一个可以从元素获取文本的函数(如果它不是输入或类似的东西)。 text() 可以做到。看看这个 fiddle :http://jsfiddle.net/bandrzejczak/jdf1a2ct/

编辑:让我重新表述一下:你用什么来写东西(例如 .text("a")、.html("b") ), .val("c")，然后您可以使用从同一元素读取内容，而无需使用参数 (.text("a") 来写入和.text() 读取)

此外，如果您想在每次 slider 移动后计算成本，您应该将计算函数放在 valueChange 函数中。

当然，有一种更好的方法来做到这一点，无需使用帮助器 div，但我可以用你所拥有的东西使工作速度最快。

编辑:不要在您知道的 int 上使用 parseInt，例如 base 变量。