2

快给你一个。我查看了 jQuery.com 中的选择器，但找不到通过大于数字的选择器进行过滤的方法？我想做这个：

$("[level>'4']").hide();

我的 html 看起来像这样：

<div id="1" level="4">Test</div>

如何使用该语法或类似语法隐藏所有大于 4 的 div？4

4

4 回答 4

6

试试下面，

$("[level]").filter(function () {
   return parseInt($(this).attr('level'), 10) > 4;
}).hide();
于 2012-04-27T19:35:26.493 回答
3 
$('div').filter(function(){
  return parseInt($(this).attr('level')) > 4);
});
于 2012-04-27T19:36:36.970 回答
1

我也需要这个特殊的功能，检查是在选择器中完成的，而不是作为另一个嵌入式函数。也许我做的比我需要的要多，但这意味着我现在可以使用 Selector 使用 Isotope 过滤基于日期的内容，而不必在每个过滤器调用中编写内容。

我写的东西使用了 jQuery 的伪选择器。

// Hides elements with the attribute "index" that is greater than 4
$(':attrGT("index",4)').hide();

// Filter elements using Isotope with the attribute "data-starttime" that is less than or equal to 1234567890
$container.isotope({
    filter: ':attrLTEq("data-starttime",1234567890)'
});

这是版本 1 的初始代码（我根本没有进行任何广泛的测试，但到目前为止它对我有用）：

(function ($) {
    // Single function to do all the heavy lifting
    function attrGTLTSelector(mode, obj, meta) {
        var args,
            objAttr,
            checkAttr,
            output = false;

        if (typeof meta === 'object') {
            args = meta;
        } else {
            if (meta.match(',')) {
                args = meta.split(/["'\s]*,["'\s]*/);
            } else {
                args = [meta];
            }
        }

        objAttr = parseInt($(obj).attr(args[0]), 10);
        checkAttr = parseInt(args[1], 10);

        switch (mode) {
        case 'lt':
            if (objAttr<checkAttr) output = true;
            break;
        case 'lte':
            if (objAttr<=checkAttr) output = true;
            break;
        case 'gt':
            if (objAttr>checkAttr) output = true;
            break;
        case 'gte':
            if (objAttr>=checkAttr) output = true;
            break;
        }

        if (window.console) if (console.log) console.log('attrGTLTSelector', objAttr, mode, checkAttr, output);

        return output;
    }

    // Add custom pseudo selectors to jQuery
    $.expr[':'].attrLT = function(obj, index, meta, stack){
        return attrGTLTSelector('lt', obj, meta[3]);
    };
    $.expr[':'].attrGT = function(obj, index, meta, stack){
        return attrGTLTSelector('gt', obj, meta[3]);
    };
    $.expr[':'].attrLTEq = function(obj, index, meta, stack){
        return attrGTLTSelector('lte', obj, meta[3]);
    };
    $.expr[':'].attrGTEq = function(obj, index, meta, stack){
        return attrGTLTSelector('gte', obj, meta[3]);
    };
}(jQuery));
于 2013-01-08T07:10:14.397 回答
1

只需这样做：

$('[level]')​.each(function(){
var $this=$(ths);
var level = parseInt($this.attr('level'), 10);
if (level>4) $this.hide();
});​
于 2012-04-27T19:36:40.313 回答