Obsługa wielu ID w jQuery

Question

Obsługa wielu ID w jQuery

Czy można obsługiwać wiele identyfikatorów jak w kodzie?

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

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

76

jquery jquery-selectors

Author: Penny Liu, 2011-01-05

Source

2 answers

Rozwiązanie:

Do twojego pytania drugorzędnego

var elem1 = $('#elem1'),
    elem2 = $('#elem2'),
    elem3 = $('#elem3');

Możesz użyć zmiennej jako zamiennika selektora.

Elem1.css({'display':'none'}); / / będzie działać

W poniższym przypadku Selektor jest już zapisany w zmiennej.

$(elem1,elem2,elem3).css({'display':'none'}); / / nie zadziała

1

Author: Zeeshan Eqbal,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-01-21 16:11:48

score 132 · Accepted Answer

Tak, #id selektory w połączeniu z wielokrotnym selektorem (przecinkiem) są doskonale poprawne zarówno w jQuery, jak i CSS.

Jednak dla Twojego przykładu, ponieważ <script> pojawia się przed elementami, potrzebujesz document.ready Obsługi, więc czeka, aż elementy znajdą się w DOM, aby je wyszukać, jak to:

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

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