$('button').click(function(){ $(this).prev('label').append('<b>ed</b>').text('Press');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Click<b>ed</b></label>
<button>Here</button>
我想保留元素<b></b>
或任何改变 .text()
的元素
我要处理的步骤如下
.append('<b>ed</b>')
起初我附加了新元素 <b>
;
直接在添加新元素后,我将文本更改为 Press
.text('Press');
我想做的是复制添加的 <b>ed</b>
更改文本前的元素 .text('Press');
然后在更改 text()
后再次添加它
那就是
var element = $(this).prev('label').clone('b');
$(this).prev('label').append('<b>ed</b>').text('Press'+element+'');
我不断获取元素值的问题 = [Object object]
最佳答案
只需使用 .html()
方法即可将所需的文本显示为 HTML。
$('button').click(function(){ $(this).prev('label').html('Press<b>ed</b>');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Click<b>ed</b></label>
<button>Here</button>
另一种解决方案:
$('button').click(function(){ $(this).prev('label').empty().append('<b>ed</b>').html('Press'+$(this).prev('label').html());
})
关于javascript - 在不更改子元素的情况下更改元素的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46607003/