jquery - 如何使用 jquery 更改 div 内的文本？

Question

我有一个像这样结构的 div <div class="pin">CODE# 1234</div>，现在如何使用 jquery 用我的新值替换“1234”？

Answer 1

你可以做

$('.pin').text(function(idx, value){
    return value.replace(/\d+$/, 'newvalue')
})

演示：小提琴

Answer 2

用这个。

$(function(){ $('.pin').text('').text('1234') });

Answer 3

一个简单的解决方案是

function changePinValue(pin) {
   $('.pin').html("CODE# "+pin);
}

快乐编码..

Answer 4

使用.text().replace("1234", "new Val")：

var oldText = $(".pin").text();
$(".pin").text(oldText.replace("1234", "New Value"));

JSFIDDLE

另一种解决方案是使用跨度：

<div class="pin">CODE# <span class="value">1234<span></div>

和js：

$(".value").text("newValue");

Answer 5

试试replace喜欢

$(".pin").text().replace("1234", "MYValue");

或尝试喜欢（可能有效但不确定）

var txt = $('.pin').text();
txt_arr = txt.split(' ');    //txt.split('#'); even
txt_arr[1] = newValue;
$('.pin').text(txt_arr);

Answer 6

尝试这个

<div class="pin">CODE# <span class="code_value">1234<span></div>

$(".pin").find('.code_value').text().replace("1234", "New Value");

或者

$(".pin").find('.code_value').html("New Value");

Answer 7

一个函数怎么样：

function replaceCode(codeToFind, codeToReplace) {
    $("div:contains('CODE# "+codeToFind+"')").text(function (_, value) {
        return value.replace('CODE# '+codeToFind, 'CODE# '+codeToReplace);
    });
}

replaceCode(1234, 9999);

演示小提琴在这里。

例如上面的开始 HTML：

<div class="pin">CODE# 1234</div>

生成的 HTML：

<div class="pin">CODE# 9999</div>