删除或隐藏jquery ui-helper中的前几个单词

时间:2013-11-07 04:43:18

标签: jquery

我的代码使用jquery ui-helper生成以下内容。我想隐藏/删除li标签中的1000:和1001 :.另外我想禁用可拖动功能,我可以这样做吗?

   <ul class="available connected-list" style="height: 101px;">

<li class="ui-helper-hidden-accessible"></li>

<li class="ui-state-default ui-element ui-draggable" title="1000:薯仔咖哩雞 Curry Chicken" style="">
<span class="ui-helper-hidden"></span>1000:薯仔咖哩雞 Curry Chicken
<a href="#" class="action">
<span class="ui-corner-all ui-icon ui-icon-plus"></span>
</a>
</li>

<li class="ui-state-default ui-element ui-draggable" title="1001:香脆炸鸡翼 Crispy Fried Chicken Wing" style="">
<span class="ui-helper-hidden"></span>1001:香脆炸鸡翼 Crispy Fried Chicken Wing<a href="#" class="action">
<span class="ui-corner-all ui-icon ui-icon-plus">
</span>
</a>
</li>

</ul>

1 个答案:

答案 0 :(得分:1)

看到这会有帮助, http://jsfiddle.net/KLpea/

    $( ".your_selector" ).draggable( "disable" ); // TO disable the Jquery UI draggable & Disable the draggable with your specific condition

    $("ul li").html(function(i, html) {
        return html.replace(/\d*:/, "");
    });