下面是一個使“重用”文本與“span-group”同步的示例。

Please Select

US

UK

$5.00

25 Pounds

It looks like you would like to spend

$(function() {

showSelectedCurrency();

$('#country').change(function() {

showSelectedCurrency();

});

});

function showSelectedCurrency() {

var spanToShow = $('#span-group span.' + $('#country').val());

$('#span-group span').hide();

if(spanToShow.length > 0) {

spanToShow.show();

$('#selectedCurrency').text(spanToShow.text());

}

}

如果你不想“跨組”和“再利用”也不斷地保持同步，但你只是想更新“重用”在某些時候，你可以使用：可見如Vega先生建議的選擇器 - 如下所示：

$('#selectedCurrency').text($('#span-group span:visible').text());

總結

以上是生活随笔為你收集整理的html js 控制span值,根据显示/隐藏span标签/ Javascript组设置span文本？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。