Witam

W drzewie katalogów chciałem zrobić aby plus przy klikniętej nazwie katalogu zamienił się na minus.
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.  
  4. // Lista katalogów
  5. $(document).on('click', "[id*='catalog_']", function(){
  6. var idCatalog = this.id.split('catalog_');
  7. var idList = this;
  8.  
  9. if(!ulCatalogList.includes(idCatalog[1])) {
  10. $.ajax({
  11. type: "POST",
  12. data: {confDomain: confDomain,
  13. confComponent: confComponent,
  14. confAdminUrl: confAdminUrl,
  15. confAdminTheme: confAdminTheme,
  16. confAdminLanguage: confAdminLanguage,
  17. confPrefix: confPrefix,
  18. confDetectMobile: confDetectMobile,
  19. sessionAdminAccess: sessionAdminAccess,
  20. idCatalog: idCatalog[1]+'/'},
  21. url : confDomain+"/"+confAdminUrl+"/modulesALL/webmaster/ftpFunction.php?func=ftp_nlist",
  22. success : function(ftpList) {
  23. // Tutaj jest problem
  24. $('#catalog_'+idCatalog[1]+' div.ftpFilePlus').removeClass("ftpFilePlus").addClass("ftpFileMinuns");
  25. ulCatalogList.push(idCatalog[1]);
  26. $(idList).append(ftpList);
  27. console.log();
  28. }
  29. });
  30. }
  31. });
  32.  
  33.  
  34.  
  35.  
  36. });
  37.  
  38. <ul id="ftpFile">
  39. <li id="catalog_administration">
  40. <div class="ftpFileMinuns"></div>
  41. <div class="ftpFileName">administration</div>
  42. <li>
  43. <ul>
  44. <li id="catalog_administration/_portal">
  45. <div class="ftpFilePlus"></div>
  46. <div class="ftpFileName">_portal</div>
  47. </li>
  48. .........


Problem w tym że jak klikam 2 poziom drzewa to w konsoli pokazuje mi błąd:
Error: Syntax error, unrecognized expression: #catalog_administration/_portal div.ftpFilePlus

Wiem że problemem jest znak / w li id.
Wiem że można w div dać id bez znaku / i po problemie, ale moje pytanie:
Czy można to jakoś obejść bo dawanie innego id w każdym div wydaje mi się mało atrakcyjne.

Pozdrawiam