quickedit-labelテキストを編集する

Question

quickedit-labelクラスのテキストを変更したいと思います。

<span class="quickedit" data-id="9917488"> 
    <span class="quickedit-content"> 
     <span class="quickedit-label">Label text</span> 
     <a class="rename-icon" href="#" title="Rename"></a> 
    </span> 
</span> 

次のコードを使用してテキストを取得し、変数に渡してテキストを変更し、要素に割り当てます。

var labelContent = $('a.quickedit').text; 
var newLabel = labelContent.subst(6,9); 
$('a.quickedit').text = newLabel; 

私はinnerhtml、.data()と.value()を使用してみましたが、すべてが間違って出力を返しました。

私はこれが正しくないことを知っています（newLabel形式はデモンストレーション用です）が、これは私が何をしようとしているのかを概説するものです。

spanのdata-idが編集したい機能の中で理想的です。 ありがとうございました。

Answer 1

この例のように、jquery .text(function)メソッドを使用してこの作業を行うことができます。

$(".quickedit-label").text(function(index, text){ 
 
    return text.substr(6, 9); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="quickedit-label">Label text</span>