jquery multiselect - 刪除「un-checkall」鏈接？

-3

有無論如何刪除heaer「uncheck-all」鏈接嗎？jquery multiselect - 刪除「un-checkall」鏈接？

進出口使用ehynds版本

https://github.com/ehynds/jquery-ui-multiselect-widget

$('#dropDown').multiselect({ 
    noneSelectedText: 'Filter', 
    selectedText: 'Filter', 
});

示例屏幕截圖從他們的網站

來源

2015-10-06 Doc Holiday

設置一個片段。 – Amit

那麼作爲一個黑客攻擊的解決方法，你可以使用'$（「.ui-multiselect-none」）。closest（'li'）。remove（）' –

刪除''+ o.uncheckAllText +''line 82 in the jquery.multiselect.js文件或使用JQuery來隱藏所需的範圍 –

使用頭的選擇似乎是工作的解決這一問題。取消/檢查所有按鈕是默認標題的一部分。

$('#dropDown').multiselect({ 
    noneSelectedText: 'Filter', 
    selectedText: 'Filter', 
    header:false,//Or put your own HTML 
});

的缺省頭HTML是

'<a class="ui-multiselect-all" href="#"><span class="ui-icon ui-icon-check"></span><span>' + o.checkAllText + '</span></a></li><li><a class="ui-multiselect-none" href="#"><span class="ui-icon ui-icon-closethick"></span><span>' + o.uncheckAllText + '</span></a>';

來源

2015-10-06 13:41:56 Salketer

這將刪除整個頭...我只是想要「uncheck -all」鏈接去掉:) –

這就是我期待的，這就是爲什麼我表示你可以把你自己的HTML，所以添加你想要保留的默認標題部分應該很容易... – Salketer

優秀....現在我如何抓住這個跨度......沒有身份證件？或者你說只是把所有內容都放在標題中，但最後一個跨度？ –

這是要刪除的元素，這是中間li周圍的HTML：

<li> 
    <a class="ui-multiselect-all" href="#"> 
    <span class="ui-icon ui-icon-check"></span> 
    <span>Check all</span> 
    </a> 
</li> 
<li> 
    <a class="ui-multiselect-none" href="#"> 
    <span class="ui-icon ui-icon-closethick"></span> 
    <span>Uncheck all</span> 
    </a> 
</li> 
<li class="ui-multiselect-close"> 
    <a href="#" class="ui-multiselect-close"> 
    <span class="ui-icon ui-icon-circle-close"></span> 
    </a> 
</li>

即使沒有特定類，ID或名稱，您可以從其內容中找到它：

$('li:contains("Uncheck all")').remove();

雖然跨度不是唯一標識，但包含它的元素是。作爲古魯普拉薩德饒評論，你可以使用錨標記類：

$('.ui-multiselect-none').closest('li').remove();

下面的代碼演示文本匹配方法，通過突出將被移除的元素。（更換.css()方法與.remove()。）

$(function(){ 
 
    prettyPrint(); 
 
    $("select").multiselect(); 
 
    $('li:contains("Uncheck all")').css("background-color", "red");//.remove(); 
 
    //$('.ui-multiselect-none').closest('li').css("background-color", "red");//.remove(); 
 
});

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/master/jquery.multiselect.css" /> 
 
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/master/demos/assets/style.css" /> 
 
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/master/demos/assets/prettify.css" /> 
 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" /> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
 
<script type="text/javascript" src="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/master/demos/assets/prettify.js"></script> 
 
<script type="text/javascript" src="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/master/src/jquery.multiselect.js"></script> 
 

 

 
<form> 
 
\t <p> 
 
\t \t <select name="example-presets" multiple="multiple" size="5"> 
 
\t \t <option value="option1" selected="selected">Option 1</option> 
 
\t \t <option value="option2">Option 2</option> 
 
\t \t <option value="option3" selected="selected">Option 3</option> 
 
\t \t <option value="option4" selected="selected">Option 4</option> 
 
\t \t <option value="option5" disabled="disabled">Option 5</option> 
 
\t \t <option value="option6" disabled="disabled">Option 6</option> 
 
\t \t <option value="option7">Option 7</option> 
 
\t \t <option value="option8">Option 8</option> 
 
\t \t <option value="option9">Option 9</option> 
 
\t \t </select> 
 
\t </p> 
 
</form>

來源

2015-10-06 14:43:10 Mogsdad

jquery multiselect - 刪除「un-checkall」鏈接？

回答

相關問題