2

我如何使用 JavaScript 控制台查看此代码的原因：

// Empty info
if ($('.perma-info').text() == '') {
    $('.perma-info').remove();
}

在此页面中不起作用：http: //dev-indiehaz.tumblr.com/post/22897976111/vans-vw

我想要它，以便如果元素为空，我可以删除它。

4

4 回答 4

3

你可以开始：

console.log($('.perma-info'));

然后你观察控制台。2种可能性：你得到一个空的结果集，在这种情况下你显然应该检查你的选择器，因为你的DOM中可能没有元素，class="perma-info"或者你得到一些结果，在这种情况下你继续：

console.log($('.perma-info').text());

然后观察控制台。如果你得到一个空文本，那么 if 条件应该有效。如果它打印一些值，那么匹配的 DOM 元素有一些文本。

调试愉快。

于 2012-05-14T20:54:41.687 回答
3

按F12并设置断点。

于 2012-05-14T20:54:59.577 回答
2
  1. 打开你的谷歌浏览器开发工具并点击脚本
  2. 选择正确的脚本文件并设置所需的断点（最好在 if 语句上）
  3. 开始运行脚本！
  4. Devtool 将在断点处停止。您可以看到全局变量和局部变量。您应该将文本值存储到变量中，以便查看变量的实际内容。
于 2012-05-14T20:57:14.983 回答
1

按照其他人的说明使用开发工具，但我认为在你的 li 里面有一个空间。我在firefox上使用firebug，我看到了一个空间。

尝试

if ( $.trim($('.perma-info').text()) == '') {
    $('.perma-info').remove();
}
于 2012-05-14T20:58:07.223 回答