How would you find using jQuery an element with maximal "page" value which is less than "6" ?
Suppose that "page" has only numerical values, and that the elements are sorted by "page". For example:
<div id="wrapper">
<div page="1"></div>
<div page="2"></div>
<div page="4"></div> => answer
<div page="6"></div>
<div page="7"></div>
<div page="9"></div>
</div>
You can use filter to select all the selectors less than 6, and then select the last one.
$('#wrapper div').filter(function() {
return $(this).attr('page') < 6;
}).last().css('color', 'red');
example: http://jsfiddle.net/niklasvh/rFYfM/
Since you didn't (originally) specify whether the list is sorted, I'll assume they're not, in which case you must iterate over all of the elements and record the one that matches:
var maxEl = null;
var maxNum = 0;
$('#wrapper > div').each(function() {
var num = $(this).attr('page');
if (num > maxNum && num < 6) {
maxNum = num;
maxEl = this;
}
});
// result is in maxEl
See http://jsfiddle.net/alnitak/WdT2m/ for working demo
This works for unsorted list:
i = 0;
$('div').filter(function(){
$thispage = $(this).attr('page')
if($thispage < 6 && $thispage > i){
i = $thispage;
return true;
}
return false;
}).last()
$("#wrapper > div[page]")
.filter( function() { return parseInt($(this).attr("page")) < 6; } )
.sort( function(a,b) { return parseInt($(a).attr("page")) - parseInt($(b).attr("page")); } )
.last();
Broken down:
Grabs all div's
immediately within your wrapper that
have a page attribute.
Filters to include only those elements that are less than 6.
Sorts these elements. (can skip this if you know your div's are sorted).
Selects the last element found, and thus the element that meets your condition.
6)? Are the elements always sorted in the DOM tree (i.e. sorted by page value)?