如何隐藏特定jQuery UI Spinner的微调按钮？

别担心，我来帮你搞定这个问题！你之前全局隐藏按钮的代码没问题，但针对单个元素时选择器写错了，所以才没生效。

正确的选择器写法 #

首先，你需要确保先精准定位到特定的Spinner容器，再选中它内部的微调按钮。假设你的Spinner元素的id是specificElement（注意你之前拼写的specifc少了个i，这也可能是问题之一），正确的代码应该是：

$('#specificElement .ui-spinner-button').css('display', 'none');

或者用更简洁的hide()方法：

$('#specificElement .ui-spinner-button').hide();

更可靠的方式（通过Spinner API） #

如果担心选择器层级出错，还可以直接用jQuery UI Spinner的widget()方法获取它的容器元素，再查找按钮，这种方式更稳妥：

$('#specificElement').spinner('widget').find('.ui-spinner-button').hide();

分析你之前的错误 #

• 第一个尝试$('#specifcElement a.ui-spinner-button')：一是id拼写错误（specifc→specific），二是jQuery UI Spinner的微调按钮默认不是<a>标签（通常是<button>或<span>），所以这个选择器会找不到元素；另外正确的层级应该是容器内部的按钮，需要用空格分隔后代选择器。
• 第二个尝试$('.ui-spinner specificElement.ui-spinner-button')：这里specificElement如果是id的话，需要加#前缀，而且层级逻辑错误，应该先选中特定的Spinner容器，再找内部的按钮。

内容的提问来源于stack exchange，提问作者Radu