Jquery：不是带通配符的选择器答案

【问题标题】：Jquery :not selector with wildcardJquery：不是带通配符的选择器
【发布时间】：2013-11-11 14:41:43
【问题描述】：

我正在创建一个简单的 onclick 函数，它隐藏具有与链接相同循环号的 div。我正用头撞砖墙，试图让非选择器工作。

在伪中，我希望所有类以“标题”开头的 div 除外，当前的 div 高度为 0px。

$('div.[class^="title"]:not([class='title<?php echo $count;?>'])').css('height', '0px');

$count 是当前循环。

这是我设法创建的线。这个语法正确吗？

【问题讨论】：

您的元素上是否有多个类？你确定这个特定的类将永远是 className 列表中的“第一个”类吗？

标签： javascript php jquery html css

【解决方案1】：

试试

$('div.[class^="title"]:not([class="title<?php echo $count;?>"])').css('height', '0px');
//Changed single to double quote   ^                         ^

【讨论】：

不走运。但是我的 onclick 开始对其进行动画展示。所以这是一个好兆头。嗯....这个wp函数的完整代码是：
jQuery(function($) { $(document).ready(function(){ $('a.title<?php echo $count; ?>').click(function() { $('div.title<?php echo $count; ?>').animate({ opacity: "1" },{queue: false, duration: 200} ) .animate({ height: "300px" }, 200 ); $('div.[class^="title"]:not([class="title<?php echo $count;?>"])').css('height', '0px'); $('div.[class^="title"]:not([class="title<?php echo $count;?>"])').css('opacity', '0'); }); }); });
@DanielRuxton 什么不起作用？您在控制台上收到任何错误吗？
控制台没有错误。我已经尝试过切换它，以便在单击时先隐藏内容，然后再显示动画......但我仍然没有运气使用通配符显示代码。
@DanielRuxton 在点击事件中尝试console.log("<?php echo $count;?>"); 以及console.log(this)。

【解决方案2】：

已修复！经过数小时试图让这段代码工作后，我开始意识到（在@Tushar 之前不久）问题在于我使用了多个类。我将“标题”更改为 ID。现在一切工作正常。

感谢大家的帮助。

最终代码如下所示：

$('#title<?php echo $count; ?>').animate({ opacity: "1", height: "300px" },{queue: false, duration: 200} );
                                $('div[id^="title"]').not('div[id$="title<?php echo $count; ?>"]').css('opacity', '0');

【讨论】：

【解决方案3】：

您的代码有语法错误。您应该在 Javascript 中使用双引号而不是单引号。所以正确的是你使用：

$('div.[class^="title"]:not([class="title<?php echo $count;?>"])').css('height', '0px');

我认为，如果您尝试这样做，它应该会起作用！

【讨论】：

恐怕一点运气都没有。显然是无法识别的表情。至少你的出现在控制台上。哈哈哈。