javascript - 如何从这些对象中获取该值

Question

我通过这些调用在控制台中以两种不同的方式打印对象:

console.log(ui.handle)
console.log($(ui.handle))

console.log(ui) 打印出以下内容:

console.log($(ui.handle)) 打印如下:

我需要从其中一个中获得一个共同的“事物”值(value)。首先我需要数据值。因此我需要一种方法来获取 12:00 AM。

从第二个开始，我需要获得的这个“东西”/值就超过了 1 个位置。 1.在attributes -> data-value -> 下是nodeValue、textContent、value 2. 在数据集下 -> 值为 12:00 AM

我在打印对象后尝试执行以下操作，但没有得到正确的值:

    console.log(ui.handle.attributes.getNamedItem("data-value"))
    console.log($(ui.handle).data('value'))
    console.log(ui.handle.dataset["value"])

请有人理解我想要得到什么并帮助我。

这是我初始化 slider 的 JS 代码:

$(".pct-slider#" + sliders[1])
.customSlider({
    min: 0,
    max: 1440,
    step: 15,
    range: false,
    ticks: true,
    values: initialValues,
    create: function (event, ui) {
        $.each( initialValues, function(i, v){
            updateValue({
                value: v,
                handle: $(".pct-slider#" + sliders[1]).find('.ui-slider-handle').eq(i) 
            });
        });
    },
    start: function(event, ui) {
        //console.log(event)
        console.log(ui.handle)
        console.log($(ui.handle))
        console.log($(ui.handle).data('value'))
        console.log(ui.handle.dataset["value"])
        console.log(" ")
        console.log(" ")
        var curHandles = $(".pct-slider#tuesdaySlider").find('.ui-slider-handle')
        var dataValue
        $.each(curHandles, function(i, v){
            dataValue = $(".pct-slider#" + sliders[1]).find('.ui-slider-handle').eq(i).attr('data-value')
            console.log(ui.handle.dataset.value + " " + dataValue)
            if (ui.handle.dataset.value == dataValue) {
                var last = $($(".pct-slider#" + sliders[1]).customSlider('values')).last()[0]
                $(".pct-slider#" + sliders[1]).customSlider('addValue', last + 15)
                return false
            } 
        })
        console.log("HELLO " + $(ui.handle).data('value'))

    },
    slide: function (event, ui) {
        resize_colors(sliders[1]);
        var handleIndex = $('a', event.target).index(ui.handle),
            curr = ui.values[handleIndex],
            next = ui.values[handleIndex + 1] - 15,
            prev = ui.values[handleIndex - 1] + 15;

        if (curr > next || curr < prev) {
            return false;
        }

        updateValue(ui);
        //positionSelects();
    },
    stop: function(event, ui){
        resize_colors(sliders[1]);
    }  
});

****注意**** stop 函数中的调用 console.log(ui.handle.dataset["value"]) 将为我提供 12:00 AM，但我需要在start函数根据值防止滑动。

Answer 1

尝试

$(ui.handle)[0].dataset.value