编辑快速编辑文本

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>