下面是一个使“重用”文本与“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());