查找选择旁边的对象

Question

我需要找到select旁边的对象。这些对象是动态创建的，因此我需要返回元素的类型。在示例中，Label位于选择旁边，但它可以是输入，img等。关闭滑块事件工作正常，但我无法确定选择器。

我试过了：

$( "#popupPadded" ).bind({
    popupafterclose: function (event, ui) {
        $(".flip_mini").val('off').slider('refresh');

        var $label = $(this).next();
        alert($label.text());

    }
});

这是ul ...

<ul data-role="listview" data-inset="true" >
        <li>
        <select class="flip_mini" id="flip-mini" data-role="slider" data-mini="true">
            <option value="off">close</option>
            <option value="on">open</option>
        </select>
        <label>First:</label>
        </li>

        <li>
        <select class="flip_mini" data-role="slider" data-mini="true">
            <option value="off">close</option>
            <option value="on">open</option>
        </select>
        <label>Last:</label>
        </li>

    </ul>

Answer 1

Label next为select with class flip_mini，因此请使用它而不是使用$（this），该$具有调用哪个方法的对象。

<强> Live Demo

var $label = $(".flip_mini").next();

因为你有两个选择，所以你可以使用像这样的

索引获得你需要的那个

<强> Live Demo

var $label1 = $(".flip_mini").eq(0).next();

var $label2 = $(".flip_mini").eq(1).next();