Question

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

Answer 1

你可以做到

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

演示：Fiddle

Answer 2

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

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

JSFIDDLE

另一种解决方案是使用span：

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

和js：

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

Answer 3

尝试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 4

试试这个

<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 5

功能怎么样：

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

replaceCode(1234, 9999);

Demo fiddle here

例如，在上面启动HTML：

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

结果HTML：

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

Answer 6

使用它。

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

Answer 7

一个简单的解决方案就是

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

快乐编码..

如何用jquery更改div中的文本？

7 个答案: