编辑快速编辑标签文本

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>