Javascript 选择HTML元素Jquery之后的下一个span元素

我正在尝试选择下一个

span

元素，该元素的类名为

滑块值

，位于所选HTML元素之后。我尝试了多种解决方案，但没有一种有效

我可以通过

id

来选择它，但我不希望这样做使代码冗余

$（'.slider'）.change（函数（）{
var slider=这个；
var output=$（this.closest（'div'）.find（'.slider value'）.first（）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
}
});

每月总收入
output
是一个jQuery对象，没有
innerHTML
属性。要更新元素的内容，请改用
text（）
html（）
也可以，但在这里不需要，因为您只是用字符串值更新它

在下面的示例中，请注意，我在变量名上使用了
$
前缀来表示它们包含jQuery对象。我还使用了
input
事件而不是
change
，以便立即更新值


$（'.slider'）。在（'input'，function（）上{
变量$slider=$（此）；
var$output=$slider.closest（'div'）.find（'.slider value'）.first（）；
$output.text（$slider.val（））；
}).触发器（“输入”）

每月总收入
output
是一个jQuery对象，没有
innerHTML
属性。要更新元素的内容，请改用
text（）
html（）
也可以，但在这里不需要，因为您只是用字符串值更新它

在下面的示例中，请注意，我在变量名上使用了
$
前缀来表示它们包含jQuery对象。我还使用了
input
事件而不是
change
，以便立即更新值


$（'.slider'）。在（'input'，function（）上{
变量$slider=$（此）；
var$output=$slider.closest（'div'）.find（'.slider value'）.first（）；
$output.text（$slider.val（））；
}).触发器（“输入”）

每月总收入
使用
同级（）
+
text（）
或
html（）


$（'.slider'）.change（函数（）{
var slider=这个；
var output=$（this.closest（'div'）.find（'.slider value'）.first（）；
$（this）.slider（'.slider-value'）.text（slider.value）；
});

每月总收入
使用
同级（）
+
text（）
或
html（）


$（'.slider'）.change（函数（）{
var slider=这个；
var output=$（this.closest（'div'）.find（'.slider value'）.first（）；
$（this）.slider（'.slider-value'）.text（slider.value）；
});

每月总收入
‍‍<代码>输出
是一个jQuery对象。设置对象的
innerHTML
属性无效。您需要使用jQuery
html
方法来修改
innerHTML
属性。‍‍<代码>输出
是一个jQuery对象。设置对象的
innerHTML
属性无效。您需要使用jQuery
html
方法来修改
innerHTML
属性。