javascript - 在不更改子元素的情况下更改元素的文本

Question

$('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]

Answer 1

只需使用 .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());
})