连接伪 & 类变量

【问题标题】：Concatenate pseudo & class variable连接伪 & 类变量
【发布时间】：2013-08-28 23:50:01
【问题描述】：

我正在使用viewport selectors jQuery 插件，并尝试在几个元素上执行相同的任务：

$('#something').each(function(){
    var current = $(this);
    if ($(this + ':in-viewport')){
        console.log(current.attr('id'));
    }
});

我做错了什么可怕的事情吗？这是我的控制台吐出的错误：

Uncaught Error: Syntax error, unrecognized expression: [object HTMLDivElement]:in-viewport

【问题讨论】：

【解决方案1】：

您将this（object）连接到:in-viewport（string），因此对象正在转换toString，结果是[object HTMLDivElement]:in-viewport，这是非法@ 987654327@.

我认为您正在寻找这样的东西：

$('#something').each(function(){
    var current = $(this);
    if ($(this).is(':in-viewport')) {
        console.log(current.attr('id'));
    }
});

或者在这个特定代码的更好版本中：

$('#something:in-viewport').each(function(){
    console.log($(this).attr('id'));
});

【讨论】：