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

使用.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 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);

ここでデモフィドル。

上記の例で HTML を開始します。

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

結果の HTML:

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