Javascript：如何隐藏多个生成的div？

Question

我有这个class="slip line_{{lineIndex}}并且它生成了多个具有不同数字的div，我需要一个javascript来选择具有特定类的div。

{{#generateLottoRoomLines}}
<div id="tickett_" data-type="slip" data-slip-index="{{lineIndex}}" class="slip line_{{lineIndex}}" class="lottoroom_yourTicket-content_tickets" style="display: none;">

Answer 1

试试这个jQuery选择器：

delete

注意：要查找具有多个CSS类的元素，请使用以下格式：

$(".slip.line_" + lineIndex)

在您的情况下，如果您没有类似＆＃39; line _ {{lineIndex}}＆＃39;的CSS类。在页面的其他位置，您可以使用以下选择器来查找所需的div：

$(".first-class.second-class.third-class")

或者

$(".line_" + lineIndex)

<强>更新 您的HTML不正确：

$("div.line_" + lineIndex)

您有多个类属性。你应该把它们结合起来：

class="slip line_{{lineIndex}}" class="lottoroom_yourTicket-content_tickets"