Javascript span的setting.text()(多用途)

Javascript span的setting.text()(多用途),javascript,jquery,Javascript,Jquery,我正在尝试创建一个jQuery函数来更改一些文本。我不想用id和类来编码它,这样它就可以在多个地方使用(比如StartDate、CompletedDate)。我不想使用多个函数来实现这个功能。我想要尽可能短的 谢谢你的帮助 HTML $('.timestamp wrap select,.timestamp wrap输入[type=“text”]”)。更改(函数(){ var div=$(this).closest('div').attr('id');//获取父div //这3个不起作用 $('

我正在尝试创建一个jQuery函数来更改一些文本。我不想用id和类来编码它,这样它就可以在多个地方使用(比如StartDate、CompletedDate)。我不想使用多个函数来实现这个功能。我想要尽可能短的

谢谢你的帮助

HTML

$('.timestamp wrap select,.timestamp wrap输入[type=“text”]”)。更改(函数(){
var div=$(this).closest('div').attr('id');//获取父div
//这3个不起作用
$('#'+div+'span.month').text($('#'+div+'select.month').value);
$('#'+div+'span.day').text($('#'+div+'select.day').value);
$('#'+div+'span.year').text($('#'+div+'input.year').text());
console.log('Month='+$('#'+div+'span.Month').text();
console.log('Day='+$('#'+div+'span.Day').text();
console.log('Year='+$('#'+div+'span.Year').text();//这只打印'Year='
});

开始日期
月
1月1日
12月12日
白天
01
31
(年月日)
您可以使用
.find(“span.classname”).text()
在元素更改时在范围内添加新值

演示代码

$('.timestamp wrap select,.timestamp wrap输入[type=“text”]”)。更改(函数(){
var div=$(this.nexist('div.timestamp-wrap');//获取父div
//查找范围
div.find(“span.month”).text(div.find(“select.month”).val())
div.find(“span.day”).text(div.find(“select.day”).val())
div.find(“span.year”).text(div.find(“input.year”).val())
});

开始日期
月
1月1日
...
12月12日
白天
01
31
(年月日)

为什么要通过构造选择器来实现这一点?为什么不
$(this.nexist('div')。find('span.month')
?我试过了,但没能成功。我喜欢这种方法,但无法使其发挥作用。如果你能举例说明如何设置文本?我不熟悉JavaScript,但不太擅长。请使用
.val()
获取输入值或在jQuery中选择值。
.value
是DOM属性,而不是jQuery。jQuery使用
.val()
方法