編輯快速編輯文本

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>