[ajax] dodanie nowego li Opcje

[manieks]

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
     $(document).on('click', "[id*='catalog_']", function(){
	     var idCatalog = this.id.split('catalog_');
	     $('#ftp_file').append('<li><ul><li>bla bla</li></ul></li>');
	 });
});
</script>
 
<ul id="ftp_file">
<li id="catalog_class/">class</li>
<li id="catalog_configUser/">configUser</li>
<li id="catalog_javaScript/">javaScript</li>
<li id="catalog_language/">language</li>
<li id="catalog_modulesALL/">modulesALL</li>
<li id="catalog_theme/">theme</li>
</ul>
[HTML] pobierz, plaintext 

Witam
Obecnie skrypt dodaje nowy rekord na końcu listy ul, a chciałbym żeby dodał pod klikniętym elementem li.
Drugi problem to idCatalog dodaje przed id kropkę czyli np. .configUser/ a powinno być configUser/

Pozdrawiam

[LowiczakPL]

kod jest napisany aby dodawał na końcu

$('#ftp_file').append(

a powinien np w $(this).append(

Ten post edytował LowiczakPL 17.03.2021, 07:58:12

[manieks]

Wielkie dzięki.
A nie wiesz czasem dlaczego var idCatalog = this.id.split('catalog_'); dodaje przecinek przed id?

Jeszcze jedno jak zrobić aby po ponownym kliknięciu np w <li id="catalog_class/">class</li> zwineło ul poniżej. Obecnie kod wygląda tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
 
     // Lista katalogów
     $(document).on('click', "[id*='catalog_']", function(){
	     var idCatalog = this.id.split('catalog_');
		 var idList = this;
 
		 $.ajax({
		     type: "POST",
		     data: {confDomain: confDomain, 
		            confComponent: confComponent, 
		            confAdminUrl: confAdminUrl, 
		            confAdminTheme: confAdminTheme, 
				    confAdminLanguage: confAdminLanguage, 
				    confPrefix: confPrefix, 
				    confDetectMobile: confDetectMobile, 
				    sessionAdminAccess: sessionAdminAccess,
				    idCatalog: idCatalog[1]},
             url : confDomain+"/"+confAdminUrl+"/modulesALL/webmaster/ftpFunction.php?func=ftp_nlist",
             success : function(ftpList) {
				 $(idList).append(ftpList);
             }
         });
	 });
 
	 // Edycja plików
 
});
</script>
[HTML] pobierz, plaintext