Javascript 替换当前目标的文本内容
我的网站上有4个幻灯片,我想更改幻灯片的值,并将其替换为文本Javascript 替换当前目标的文本内容,javascript,jquery,Javascript,Jquery,我的网站上有4个幻灯片,我想更改幻灯片的值,并将其替换为文本 $('.slider')。在('input',(event)=>{ if($(event.currentTarget).val()='0'){ $(event.currentTarget).text('test'); }else if(event.currentTarget.value=='1'){ console.log('display') } }); 取而代之 此$(event.currentTarget).text('te
$('.slider')。在('input',(event)=>{
if($(event.currentTarget).val()='0'){
$(event.currentTarget).text('test');
}else if(event.currentTarget.value=='1'){
console.log('display')
}
});代码>
取而代之
此$(event.currentTarget).text('test')
将更新输入标记的文本内容。但是没有这样的事!请注意,输入标记没有结束标记。理想情况下,您应该使用一些id设置为的标记。大概是这样的:
<input ...><label id="my_label">to be replaced</label>
因此,通过对代码段的更新:
$('.slider')。在('input',(event)=>{
$(“#我的标签”).text($(event.currentTarget.val());
});代码>
取而代之
一个
-元素实际上只适合输入。如果要显示与输入相关的文本,应使用-元素。(你应该仔细阅读它,它非常有用!)你可以更改输入的文本,它在HTML中没有任何作用。看见
$("#my_label").text('test');
$("#my_label").text($(event.currentTarget).val());