Forum PHP.pl

Witam forumowiczów.

Zwięźle i na temat... nie mam pojęcia jak użyć metody .children() z jQuery, tak aby szukała "dzieci" od któregoś elementu. Załóżmy, że chciałbym aby zmienił się kolor czcionki od elementu np. 3. Pytanie tylko, jak?

Edit: Inaczej... nie od elementu 3 tylko od ID 03.

Przed:

[HTML] pobierz, plaintext 
<ul>
     <li id="01">Item 1</li>
     <li id="02">Item 2</li>
     <li id="03">Item 3</li>
     <li id="04">Item 4</li>
     <li id="05">Item 4</li>
</ul>
[HTML] pobierz, plaintext 

Po:

[HTML] pobierz, plaintext 
<ul>
     <li id="01">Item 1</li>
     <li id="02">Item 2</li>
     <li id="03" style="color: red">Item 3</li>
     <li id="04" style="color: red">Item 4</li>
     <li id="05" style="color: red">Item 4</li>
</ul>
[HTML] pobierz, plaintext 

Z góry dzięki za pomoc.

Ten post edytował Nicc0 3.02.2015, 15:43:19

[HTML] pobierz, plaintext 
$("ul li:gt("+($("ul li" ).index("li#03")-1)+")")
[HTML] pobierz, plaintext 

W HTML4 id nie może zaczynać się od cyfry.

Ten post edytował trueblue 3.02.2015, 15:56:43

Witam ponownie. Mam kolejny kłopot :/ Napisałem taki o to kod:

[JAVASCRIPT] pobierz, plaintext 
$(function() {
  function replaceMessageToLink() {
	var message = $(this).children(".message").text();
	console.log(message);
	var html = findLinkInMessage(message);
	console.log(html);
	$(this).children(".message").empty().append(html);
	a = $("ul.chat-lines li.chat-line:last:not(.admin)").attr("id");
  }
 
  function findLinkInMessage(c) {
    if(c.indexOf('http://') != -1 || c.indexOf('https://') != -1 ) {
	  var splitResult = c.split(" ");
	  for(i = 0; i < splitResult.length; i++){
	    if(splitResult[i].indexOf('jpg') != -1 || splitResult[i].indexOf('png') != -1 || splitResult[i].indexOf('jpeg') != -1 || splitResult[i].indexOf('gif') != -1 ) {
	      var linkToImage = splitResult[i];
		  var html = '<img src="' + linkToImage + '">';
		  return html;
	    }
	  }
    }
  }
 
  function replaceLinkToImage() {
    if(typeof a === 'undefined') {
	  $("ul.chat-lines li.chat-line:not(.admin)").each(function() {
	    replaceMessageToLink();
	  });
    } else {
      $("ul.chat-lines li.chat-line#"+a+":not(.admin)").nextAll().each(function() {
	    replaceMessageToLink();
	  });
    }
  }
 
  setInterval(replaceLinkToImage, 1000);
});
[JAVASCRIPT] pobierz, plaintext 

Problem polega na tym, że w funkcji replaceMessageToLink(); zmienna "message" zwraca "undefined". Wiem, że jest to wina $(this). Tylko nie wiem jak mam to zrobić, aby $(this) zwracało odpowiedni element, który "chwytam" w funkcji replaceLinkToImage(). Znaleźć niestety nic nie mogę. Pewnie dlatego, że nawet nie wiem czego mam szukać... Mam również pytanie, do bardziej doświadczonych użytkowników. Czy kod chociaż w minimalnym stopniu jest sensowny i czy ewentualnie można coś poprawić.

/ref