Forum PHP.pl

Pytanie do specjalistów od jQuery.
Chciałbym posegregować elementy według pewnej kolejności którą że tak powiem mam w tablicy.
Wybierając kolejno z tablicy identyfikator chę wyszukać element posiadający takie id bądź nazwę i przenieść we wskazane miejsce.
Brzmi może dzwnie ale ... cóż tak chciałbym zrobić.
Samo znajdowanie elementu to nie problem, problem jak teraz wskazać "rodzica" tego elementu i go wyciągnąć wraz z całą zawartością (.html()).

Przykład:

[HTML] pobierz, plaintext 
<dl class="filter-block">
	<!-- blok do przeniesienia pogrubiony o ile zgadza się string .text() ze span class="filter-title" -->
	<div class="layered-navigation option-block">
		<div childblock_id="manufacturer" class="odd option-block-head toggle-block" style="cursor: pointer;">
			<!-- element wyszukiwany w/g klasy 'filter-title' .text() -->
			<span class="filter-title">Brands</span>
			<span class="open-close">+</span>
		</div>
	</div>
 
	<div class="layered-navigation option-block">
		<div childblock_id="price" class="odd option-block-head toggle-block" style="cursor: pointer;">
			<span class="filter-title">Price</span>
			<span class="open-close">+</span>
		</div>
	</div>
</dl>
[HTML] pobierz, plaintext 

czyli jeśli w tablicy znajduje się określony string wybierz TEN element/blok $('div .layered-navigation,.option-block').html()
tylko nie wiem jak zrobić z niego 'this' jeśli znajduje się w nim lub jego dziecku wskazany string.
mam nadzieję, że się jasno wyraziłem

W międzyczasie znalazłem to: https://api.jquery.com/child-selector/ ...
ale nie do końca czaję ...

pozdrawiam
amator

Ten post edytował phpamator 1.09.2017, 21:16:39

Dziecko dziecka zawiera tekst i po tym tekście rozpoznaję, następnie muszę zebrać innerHtml z parenta tego dziecka dziecka
czyli tak:

[HTML] pobierz, plaintext 
<div name="rodzic">
        <div name="pierwsze_dziecko">
                <div>
                <span name="drugie_dziecko">Moj string</span>
        </div>
</div>
[HTML] pobierz, plaintext 

czyli znajduje "mój string" i muszę zdefiniować to co jest jego rodzicem i dopiero zebrać cały html() rodzica i przenieść.

ooo ale jeśli mogę wybrać rodzica który ma dziecko z określonym stringiem to chyba też będzie ok ?


Ten post edytował phpamator 1.09.2017, 21:35:30

Nie wiem jak "sprawdzić innerHtml rodzica pod względem zawartości stringu" ...


Ten post edytował phpamator 1.09.2017, 23:00:04

wymyśliłem tak:

[JAVASCRIPT] pobierz, plaintext 
var blockName = newOrder[i][1];// newOrder[i][1] to oczywiście szukany string pobrany z tablicy
	var block = jQuery("span.filter-title:contains(blockName)").parent().parent().html();
// ale nie bardzo chce mi podstawić szukany string
[JAVASCRIPT] pobierz, plaintext 

co źle zrobiłem ?
http://jsfiddle.net/SayjQ/59/ to mi pomogło trochę ...

Ten post edytował phpamator 1.09.2017, 23:35:12

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaahhhhhhhhhhhhhaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaa
hahahah
no to ci powiem, że nic z tego, nie działa
Za to działa tak:

[HTML] pobierz, plaintext 
var block = jQuery('span.filter-title:contains("'+blockName+'")').parent().parent().html();
[HTML] pobierz, plaintext 

Ten post edytował phpamator 2.09.2017, 19:54:22

Zdecydowanie nie działało ale nie będę się sprzeczał, nie uwzględniłeś zewnętrznych '' i napisałeś span.filter-title:contains('"+blockName+"')
dlatego poniższy kod robił NIC
var block = jQuery('span.filter-title:contains('"+blockName+"')').parent().parent().html();
aaaale po zmianie owszem, działa.

Bardziej podoba mi się jednak ta druga forma

chociaż wersja a'la python_000 też jest ok

Dzięki panowie

to jednak było prostsze niż początkowo myślałem, przy okazji nauczyłem się co nieco jak można zmyślnie łączyć niektóre parametry, żeby wyszukać interesujący element

Działa, działa ale ..... coś nie do końca jak oczekiwałem.
Popatrzcie i podpowiedzcie proszę co źle zrobiłem albo jaka jest szansa, że to wogóle będzie robiło to o czym mówiłem.

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function(){
	//Variables & arrays
	var i = 0;
	var block ='';
	var blockName = '';
	var newOrder = [[1,'Brands'],[2,'Price'],[3,'Number of Cameras Supported'],[4,'Screen Size'],[5,'Split Screen'],[6,'Touch Screen'],[7,'Pan & Tilt'],[8,'Zoom'],[9,'Room Temp'],[10,'Lullabies'],[11,'Wi-Fi'],[12,'Nightvision'],[13,'Light Projector'],[14,'Two-Way Talk'],[15,'Temperature Display'],[16,'Recordable'],[17,'Outdoor Range (Metres)']];
	// each leci po kolei wszystkie elementy tablicy i wyszukuje w/g nich na stronie, jak znajdzie przenosi w inne miejsce
	// czy to tak działa czy coś mi się wydaje, że to tak działa ?
	// bo coś mi się wydaje, że nawet po przeniesieniu może znajdowaćjuż przeniesione i robić bałagan.
	// dlatego wyszukiwanie musi być tylko w określonym rodzicu ..... ale może mi się tylko wydaje :)
	// po przeładowaniu powinien cały proces wykonać od początku .... prawda ?
	jQuery.each(newOrder,function(){
		blockName = newOrder[i][1];
		block = jQuery('span.filter-title:contains("'+blockName+'")').parent().parent().html();
		if (block) {
			console.log(blockName);
			jQuery('span.filter-title:contains("'+blockName+'")').parent().parent().remove();
			jQuery('#narrow-by-list').prepend(block);
			i++;
		}else{
			console.log(blockName+'  not found');
		}
	})
})
[JAVASCRIPT] pobierz, plaintext 

Może przykład jest beznadziejnie prosty może wręcz banalny ale jeszcze nie czaję tego.

Ten post edytował phpamator 4.09.2017, 14:29:38

Uprościłbym pętlę skoro korzystasz z each.

[HTML] pobierz, plaintext 
//bez deklaracji i wyżej
 jQuery.each(newOrder, function(i, blockName){
//nazwa bloku jest w blockName[1]
//bez inkrementacji i
[HTML] pobierz, plaintext 

Przecież jeśli przenosisz element w innej miejsce, to i tak nie szukasz go w pętli ponownie. Jeśli przeniosłeś Brands, to w kolejnej iteracji szukasz Price.

Jak się objawia ta usterka?

i `block.lenght > 0` bo zdaje się że jQ i tak zwróci obiekt ale bez rezultatów.

Tak teoretycznie miało to działać ale ... z jakiegoś powodu podczas wykonywania pętli (wkleiłem tam console.log() żeby widzieć ile z listy przeszło a ile nie przeszło bo może tak być lista/tablica nie zawiera wszystkich tylko niektóre nazwy) jakby przestaje kolejno dodawać/przenosić elementy, działa dobrze praktycznie tylko dla pierwszych 2 czyli Brands i Prices.
Powinienem widzieć też jakie zostały pominięte wraz z nazwami a skrypt pokazuje mi jedną tylko nazwę z ilością powtórzeń.

Czyli co, usunąć indexy, zostawić tylko same nazwy w tablicy mówisz ?

Indeksy swoją drogą. Wtedy blockName jest dostępny bezpośrednio.
Wprowadziłeś warunek, o którym pisał Pyton_000?

Zmodyfikowałem i faktycznie, lepiej działa i widzę że prawidłowo teraz sortuje a jeśli niema na liście zostawia.

Tak dodałem warunek "a'la python_ooo" ale z nim coś nie halo.

Ten post edytował phpamator 4.09.2017, 15:20:22

A nie prościej by było napisać, co nadal nie działa?