我在一个 html 页面上有 6 个 jquery ui 微调器。当我通过单击微调器按钮(向上或向下)更改第一个微调器的值时,我想隐藏图像。
当键盘更改第一个微调器的值时,图像被隐藏,但是当我通过微调器按钮更改时,图像没有隐藏。
这是成为微调器的输入文本
<input type="text" class="save_check controller_performance" id="txtCtrlr" name="txtCtrlr" value="0" style="width: 50px; border-style: none;" />
这是它成为微调器时的结构(从萤火虫复制)
<div class="ui-spinner">
<input type="text" style="width: 50px; border-style: none;" value="0" name="txtCtrlr" id="txtCtrlr" class="save_check controller_performance ui-spinner-box" autocomplete="off">
<button type="button" class="ui-spinner-up">▲</button><button type="button" class="ui-spinner-down">▼</button></div>
和我正在为其编写代码的微调器按钮
$(".ui-spinner-up").click(function (){
console.log("in click function");
var parentClass = $(this).parent().attr("class");
$(this).siblings(".controller_performance").change(hideControllerPerformanceInfo);
console.log("class is " + parentClass);
$(parentClass).siblings(".controller_performance").change(function(){
console.log("changing siblings");
});
var id = $('.'+ parentClass+ ':input').attr('id');
console.log("id is --> " + id);
if($(this).attr("id") == "txtCtrlr") {
// hideControllerPerformanceInfo();
$(".ui-spinner-box").bind("propertychange keyup input paste", hideControllerPerformanceInfo );
}
});
有没有其他方法可以唯一标识第一个微调器并调用隐藏函数。我不能基于类作为选择器编写 jquery 代码,它将应用于所有微调器。