JQuery grep過濾操作

2021-10-01 20:40:59 字數 1773 閱讀 9068

介面返回的資料需要顯示在頁面**中,其中count欄位表示個數,需要根據頁面中單選按鈕選擇的內容篩選出對應數量的資料,全部則顯示所有內容,數量不為0則顯示count欄位不為0的資料,數量為0則顯示count欄位為0的資料。

通過ajax獲取的資料進行if…else…和for操作,獲取相應的資料。**如下:

頁面**:

"region:'west'" style=

"width:240px;" split=

"true"

>

"radiofilter"

>

"radio"

value

="0" title=

"全部" name=

"showexistinter"

/>

"radio"

value

="1" title=

"數量不為0" name=

"showexistinter"

/>

"radio"

value

="2" title=

"數量為0" name=

"showexistinter"

/>

<

/td>

<

/tr>

<

/table>

<

/div>

"dgintertype" border=

"0">

<

/table>

<

/div>

js**:

var $radiofilter = $(

'#radiofilter');

var $showexistinter = $radiofilter.

find

('input[name="showexistinter"]');

function dgintertypeinit()

}}else

if(filter ==2)

}}else

if($dgintertype)

$dgintertype = $(

'#dgintertype');

$dgintertype.

datagrid(,

]],}

);}}

);}//初始化

$(function ())

;});

上面的**能夠完成功能,可讀性也還行吧,但是比不了下面的**。

$.

grep

(res,

function

(n,i)

)

重構後的js**:

var $radiofilter = $(

'#radiofilter');

var $showexistinter = $radiofilter.

find

('input[name="showexistinter"]');

function dgintertypeinit()

);if($dgintertype)

$dgintertype = $(

'#dgintertype');

$dgintertype.

datagrid(,

]],}

);}}

);}//初始化

$(function ())

;});

jQuery之過濾元素操作

1 eq index 方法 用於獲取第n個元素,這個元素的位置從0開始算起,語法格式如下 eq index 獲取第3個 並將它的背景色設定為 fcf 如下 td eq 2 css background fcf 2 filter expr 方法 用於篩選出與指定表示式匹配的元素集合,用於縮小匹配的範圍...

LoopBack操作鉤子過濾資料

最近專案使用node.js loopback mongdb mysql框架。在許可權控制時候需要根據使用者的許可權去載入其能看到的資料。因此對loopback的操作鉤子進行了研究處理。如下 首先在server.js中使用中介軟體進行使用者許可權設定的操作。包括其能看到某些id的資料。此處必須在中介軟...

rxjs過濾操作符

一 take操作符 只發出源 observable 最初發出的的n個值 n count 如果源發出值的數量小於 count 的話,那麼它的所有值都將發出。然後它便完成,無論源 observable 是否完成。import from angular core import from rxjs obse...