如何找到不是这个id的div？

Question

我正在使用jQuery选择具有特定div的{​​{1}}，例如id到id="style61150" .slideDown()。

我想选择没有div的所有其他div并将其向上滑动。

从文本字段中取值来确定定位到id的div。

.slideDown()

我无法弄清楚如何不使用上面代码中的第二行来使用productNum = $('#product-num').val(); $('#style'+productNum).slideDown(); 。

Answer 1

jQuery有not selector，允许您禁止某些选择器。

试试这个：

$("div:not(#style" + productNum + ")").slideDown();

Answer 2

我不确定是否已获得，但定位ID为style的所有元素，然后从变量中排除匹配ID的元素，就像这样：

var productNum = $('#product-num').val(),
    elem = $('#style'+productNum).slideDown();

$('[id^="style"]').not(elem).slideUp();

Answer 3

您可以从id开始选择style的所有div，并将{1}}之类的div减去slideUp()，如下所示：

$('div[id^=style]').not('#style'+productNum).slideUp();

Answer 4

在这种情况下，我通常会向上滑动所有元素，然后向下滑动相应的元素。

使用类选择所有元素。
使用jQuery的stop()来停止所选元素的slideUp。

这样的事情：

$('.styles').slideUp();
$('#style'+productNum).stop(true,false).slideDown();