在jquery中处理多个id

时间:2011-01-05 12:45:49

标签: jquery jquery-selectors

可以像代码

中那样处理多个ID
<script>
$("#segement1,#segement2,#segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>

2 个答案:

答案 0 :(得分:111)

是的,#id selectors结合multiple selector(逗号)在jQuery和CSS中完全有效。

但是,对于您的示例,由于<script>在元素之前出现,因此您需要一个document.ready处理程序,因此等待元素在DOM中进行查找对他们来说,像这样:

<script>
  $(function() {
    $("#segement1,#segement2,#segement3").hide()
  });
</script>

<div id="segement1"></div>
<div id="segement2"></div>
<div id="segement3"></div>

答案 1 :(得分:1)

解决方案:

您的次要问题

class Organization(generics.RetrieveAPIView):
    serializer_class = OrganizationSerializer
    queryset = Organization.objects.all()
    multiple_lookup_fields = ['pk', 'slug']

    def get_object(self):
        queryset = self.get_queryset()
        filter = {}
        for field in self.multiple_lookup_fields:
            filter[field] = self.kwargs[field]

        obj = get_object_or_404(queryset, **filter)
        self.check_object_permissions(self.request, obj)
        return obj

您可以使用变量代替选择器。

elem1.css({'display':'none'}); //将起作用

在以下情况下,选择器已经存储在变量中。

$(elem1,elem2,elem3).css({'display':'none'}); //不起作用