Zwracanie odnośnika do elementu $(this)

Question

Witam!

Nie rozumiem czemu nie mogę zwrócić wskaźnika jQuery na element za pomocą poniższego kodu. Zwracając $(this) zwracam w pewnym sensie this które działa tylko wewnątrz funkcji czy globalny odnośnik do elementu ?
Wykonanie instrukcji get_element_by_text ("akapit").text ("nowy napis");
Nie chcę powielać kodu a mam kilka funkcji które raz na jakiś czas wyszukują element na podstawie zawartości ( kilku wyrazów ) i usuwają go bądź zmieniają zawartość na inne wyrazy i nie chce w każdej funkcji pisać tego samego wyszukiwania.

 

function get_element_by_text ( looking_text )
{
	$("#element-container").find("a").each( function()
	{
            var current_text = $(this).text();

            if(current_text === looking_text)
            {
			return $(this);
            }
	});      
	
	return null;
}

var pointer = get_element_by_text ("akapit");
pointer.text("nowy napis");

 

Answer 1

return $(this) zwraca wartość dla funkcji anonimowej w .each <- co za tym idzie, absolutnie nic nie robi. 

get_element_by_text zawsze zwróci null

Comments

https://pasteboard.co/GHb1OyZ.png

---

Dziękuje za wytłumaczenie

---

$("#element-container a"), zamiast find("a")

W if w .each warto zwrócić false - wtedy .each zakończy swoje działanie i nie będzie sprawdzał niepotrzebnie dalej.

Polecam pisać otwarcia nawiasów klamrowych w linijkach, których te otwarcia dotyczą, nie pod nimi, bo czasami się można zdziwić.

---

Nie bardzo rozumiem z tym zwracaniem false w each.

W jaki sposób mogę się zdziwić ?

Już myślałem żeby zrobić to tak:

<a data-text-id="tekst do identyfikacji">tekst do identyfikacji</a>

$("#element-container a[data-text='tekst do identyfikacji'")

---

Nie bardzo rozumiem z tym zwracaniem false w each.

Wyobraź sobie, że masz 15 elementów po których robisz .each
Okazuje się, że tekst, którego szukasz jest już w drugim z nich.
Zamiast przeszukiwać bez sensu kolejnych 13 elementów, zwróć false w .each, aby zakończyć tę funkcję po drugim elemencie.

W jaki sposób mogę się zdziwić ?

function fn() 
{
	return 
	{
		id: 12
	}
}

Co zwróci fn()? W JS-owym community piszę się raczej w tych samych linijkach. Popatrz na kod popularnych projektów, lub w dowolną dokumentację.

Już myślałem żeby zrobić to tak:

<a data-text-id="tekst do identyfikacji">tekst do identyfikacji</a>

$("#element-container a[data-text='tekst do identyfikacji'")

Imo nie ma sensu powielać treści