javascript - 编辑快速编辑标签文本

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>