【jQuery】labelの中の文字列だけを変更したい

テキストノードの data プロパティを編集してはどうでしょうか。

jQuery(function (jQuery) {
  jQuery('.aaa').on('click', function () {
    this.ownerDocument.querySelector('.ddd').lastChild.data = this.lastChild.data;
  });
});

Re: k499778 さん

普通ならテキストの部分に <span> とかを設けて、

<label class="ddd">
  <span class="bbb"></span>
  <input type="hidden" class="ccc"><span class="result">りんご</span>
</label>

次のように text() を使うと思います。

$(".ddd .result").text(txt);

次のようにテキストノードを全部削除すれば、追加したテキストを削除することができます。

$(".ddd").contents().filter(function(){ return this.nodeType === 3 }).remove();
$(".ddd").append(txt);

いろいろやり方はあると思いますが、挿入されるポイントに明示的にタグをつけておくのが自然だと思います。

<label class="ddd">
    <span class="bbb"></span>
    <input type="hidden" class="ccc"><p id="target">りんご</p>
  </label>

こういうタグ付けができないケースなのでしょうか。

他の方への回答へのコメントを拝見したので追記。

DOM 構造を変えたくないなら、あんまりやりたくないですが、$('label.ddd').html() で取得した html ソースをごにょごにょして newHTML を作り、$('label.ddd').html(newHTML) で書き戻すんじゃないでしょうか。

JavaScript側でタグ付けするのも無しですか？

$(function() {
  var resultArea = $("<span class='result' />").appendTo($(".ddd"));
  $(".aaa").on("click", function() {
    resultArea.text($(this).text());
  });
});

下記でできました。

$(function() {
    var $a = $('.aaa'),
        $d = $('.ddd');

      $a.on("click", function() {
        var txt = $.trim($(this).text()),
            currentHtml = $d.html(),
            currentText = $.trim($d.text()),
            afterHtml = currentHtml.replace(currentText, txt);

        $d.html(afterHtml); // 文字だけ差し替え
      });
    });

ただ、現状の構造がどういう意図でそうしているのかよくわかりませんが、
ベストな構造とも言い切れませんので、構造そのものを見直しても良いと思います。

↓ラベル内をテキストのみにした例。

<div>
  <label class="aaa">りんご</label>
  <span class="bbb"></span>
  <input type="hidden" class="ccc">
</div>