如果div存在于某个div之后或者根据ajax函数的结尾不存在,我试图显示单独的消息
以下是我提出的代码:
.ajaxComplete(function() {
// Pilots page code.
if ($('body').hasClass('page-pilots')) {
$.fn.isAfter = function(sel) {
return this.prevAll(sel).length !== 0;
}
$('#quicktabs-tabpage-107_display-0 .view-content').each(function() {
if ($(this).isAfter("#quicktabs-tabpage-107_display-0 .view-filters")) {
console.log(".view-content is after, hide message");
$('.pilots-result-message').hide();
}
if (!$(this).isAfter("#quicktabs-tabpage-107_display-0 .view-filters")) {
console.log(".view-content is not after, show message");
$('.pilots-result-message').show();
}
});
}
});
isafter正在工作,但我无法弄清楚如何实现一个相反的函数(如果有一个isNotAfter jQuery函数会很好)。
我也试过而不是第二个if语句:
else {
console.log(".view-content is not after, show message");
$('.pilots-result-message').show();
}
答案 0 :(得分:0)
没有名为isAfter()的方法,您可以检查#quicktabs-tabpage-107_display-0 .view-filters
的下一个元素是否是当前(this
)元素,如
if ($('body').hasClass('page-pilots')) {
$.fn.isAfter = function (sel) {
return this.prevAll(sel).length !== 0;
}
$('#quicktabs-tabpage-107_display-0 .view-content').each(function () {
if ($("#quicktabs-tabpage-107_display-0 .view-filters").next().is(this)) {
console.log(".view-content is after, hide message");
$('.pilots-result-message').hide();
} else {
console.log(".view-content is not after, show message");
$('.pilots-result-message').show();
}
});
}