jQuery Selector在两个Attributes值之间

时间:2015-10-09 18:00:54

标签: javascript jquery

我有以下HTML。

<span end_timestamp="4520" timestamp="4150" id="1">Elemnt</span>
<span end_timestamp="6510" timestamp="4940" id="2">Anotherone I want</span>
<span end_timestamp="8910" timestamp="6610" id="3">another</span>

如何选择数字4199高于属性“timestamp”且低于“end_timestamp”的元素

这些都没有奏效。也许我应该创造一个条件?

$( "[timestamp]:gt(4199 ),[end_timestamp]:lt(4199 )").addClass( "highlight" );

$( "[timestamp]:gt(4199 )[end_timestamp]:lt(4199 )").addClass( "highlight" );

1 个答案:

答案 0 :(得分:1)

在这里创建了一个JSFiddle:http://jsfiddle.net/xrnzc5qy/1/

var testTime = 4199;

function findTime(time) {
    $('span').each(function () {
        if (time > $(this).attr('timestamp') && time < $(this).attr('end_timestamp')) {
            //Highlight matching element
            $(this).css('color', 'red');
        }
    });
}

findTime(testTime);