Question

是否可以查看我在特定jquery选择中选择的项目/元素？

我看到有人在演示jquery，他们使用某种形式的控制台为每个选项返回一个项目数组，然后他们可以将鼠标悬停在每个项目上，然后在浏览器中突出显示它。

我目前正在使用警报（$（'div'）。长度）;看看我选择了哪些有用。

Answer 1

前段时间我为此编写了一个jquery插件..它使用firebug的日志控制台来记录jquery选择。（如果你不使用firebug进行web开发，你真的应该考虑它）

(function($){

function logThis()
{
    console.debug(this);
}

jQuery.fn.debug = function(msg)
{
    console.group(msg || "no message");
    this.each(logThis);
    console.groupEnd();
    return this;
};
})(jQuery);

使用它只需在带有可选消息的jquery选择上调用debug

$(".example").debug("nodes found")

Answer 2

如果这纯粹是为了调试，你可以将它记录到你的javascript控制台：

$('div').each(function() {
    console.log($(this).id);
})

注意：如果您尚未使用，我强烈建议您使用firebug。

Answer 3

您需要的只是Firebug以及代码中的这一行：

console.log(<<myJQuerySelection>>);

例如：

console.log($('div'));

将鼠标移到结果上，它们会在页面上突出显示。

Answer 4

这些都是很好的例子，我做的一件事就是围绕元素创建边框。

$('div').css({border: '1px solid red'});

然后，您可以在浏览器中轻松查看已选择的内容（除非某些元素在视口中隐藏）。当未安装/启用Firebug时，这也很方便。

可能应该使用CSS属性'outline'，因此它不会将元素扩展2个像素。

查看JQuery选择

4 个答案: