编辑quickedit标签文本

时间:2016-05-30 12:23:07

标签: javascript jquery

我想更改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格式仅用于演示目的)但这应该概述我正在尝试做的事情。

理想情况下,我希望在我想要编辑data-id的{​​{1}}的函数中传递此函数。 感谢您的帮助。

1 个答案:

答案 0 :(得分: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>