Javascript 更改剑道选项卡条带文本会动态更改样式

我需要动态更改选项卡文本，我可以这样做，但当我更改文本时，设计会发生变化，看起来很糟糕

以下是我得到的：

$（“#tabstrip”）.kendoTabStrip({
选择：tabstrip\u选择
});
功能选项卡\u选择（e）{
var x=e.项目；
$（x）.text（$（x）.text（）；
//警报（'选项卡文本：'+$（x）.text（））；
}

在线
交易
随便

功能选项卡选择（e）{
$（'#tabstrip ul li.k-link.plusText'）.remove（）；
$（e.item）.find（'.k-link'）.append（'-plus-changed text'）；
}

你需要再加一个

<div style="min-height:350px;"></div>

更新：

function tabstrip_select(e) {
    var tab = $('#tabstrip ul li .k-link:contains("Online")');
    tab.find('.plusText').remove();
    tab.append('<span class="plusText"> - selected '+$(e.item).find('.k-link').text()+'</span>');
}

功能选项卡\u选择（e）{
var tab=$（'#tabstrip ul li.k-link:contains（“在线”）；
tab.find（'.plusText'）.remove（）；
tab.append（'-selected'+$（e.item）.find（'.k-link'）.text（）+''）；
}

效果很好！对于包含精确字符串的选项卡，可以这样做吗？例如，如果选项卡包含“whatever”，则向该选项卡添加文本，而不是当前选择的选项卡？仅当您选择“Online”选项卡时才更改文本-例如，我想要的是，无论您选择哪个选项卡，都向“Online”选项卡添加一些文本

function tabstrip_select(e) {
    var tab = $('#tabstrip ul li .k-link:contains("Online")');
    tab.find('.plusText').remove();
    tab.append('<span class="plusText"> - selected '+$(e.item).find('.k-link').text()+'</span>');
}