[JavaScript] jQuery pomoc w przeszukiwaniu div'a i zmiany elementu Opcje

[Elber]

Witam,

mam kod html

[HTML] pobierz, plaintext 
<div class="filtr">
	<h3>Producent</h3>
	<div class="filtrs">
	<p class="select_filter" id="filter_producer_select">--- wybierz ---</p>
	<div class="filter-checkboxes">
		<div class="filtration selected">
			<p><strong class="active">Test 1</strong><a href="link"><img src="/icons/icon-close.png"></a></p>
		</div>
		<div class="filtration selected">
			<p><strong class="active">Test 2</strong><a href="link"><img src="/icons/icon-close.png"></a></p>
		</div>
		<div class="filtration">
			<p><strong>Test 3</strong><a href="link"><img src="/icons/icon-close.png"></a></p>
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

div.filter-checkboxes widoczny jest tylko po najechaniu myszką a widoczne jest cały czas p.select_filter mam kilka takich samych div;ów o takiej samej strukturze.

Problem mam taki:

Chcę aby w każdym takim divie zamiast <p class="select_filter" id="filter_producer_select">--- wybierz ---</p> w tym <p></p> były nazwy z <strong class="active"> bo wtedy ten filtr jest aktywny. Czyli chciałbym aby to wyglądało tak :

<p class="select_filter" id="filter_producer_select">Test 1, Test 2,...itp</p>

próbuję korzystać z each ale mi coś to nie idzie ;/

Edit:

$('div.filtr:has(div.filtrs .active) p.select_filter').css('text-decoration','underline');

Takie cos podkreśla mi p.select_filter w divie w którym jest coś wybrane, tylko jak w zawartości <p> wstawić nazwy wybranych rzeczy ?

Ten post edytował Elber 22.01.2013, 11:22:26

[b4rt3kk]

[HTML] pobierz, plaintext 
$('.flitration').click(function(){
  var tekst = $(this).children('p').children('strong').html();
  $('#filter_producer_select').html(tekst);
});
[HTML] pobierz, plaintext 

Nie napisałeś, w którym momencie ma się zmienić ten tekst, więc założyłem, że po kliknięciu na div-a któregoś.

[Elber]

Niestety przy ładowaniu strony, po kliknięciu w pozycje strona się przeładowuje (IMG:style_emoticons/default/smile.gif) I wybranych elementów może być kilka, czyli po , musiałyby być (IMG:style_emoticons/default/smile.gif)

Ten post edytował Elber 22.01.2013, 11:35:34

[b4rt3kk]

Niestety przy ładowaniu strony, po kliknięciu w pozycje strona się przeładowuje (IMG:style_emoticons/default/smile.gif) I wybranych elementów może być kilka, czyli po , musiałyby być (IMG:style_emoticons/default/smile.gif)

Bo klikasz w linka, a kliknij w div-a.

Zresztą opakuj cały skrypt w:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function(){
 
$('.flitration').click(function(){
  var tekst = $(this).children('p').children('strong').html();
  $('#filter_producer_select').html(tekst);
});
 
});
</script>
[HTML] pobierz, plaintext 

[Elber]

Tak tylko mi chodzi o to, że ta nazwa ma się podmienić w momencie ładowania strony (IMG:style_emoticons/default/smile.gif) nie po kliknięciu (IMG:style_emoticons/default/wink.gif)

[b4rt3kk]

Tak tylko mi chodzi o to, że ta nazwa ma się podmienić w momencie ładowania strony (IMG:style_emoticons/default/smile.gif) nie po kliknięciu (IMG:style_emoticons/default/wink.gif)

Było tak pisać w pierwszym poście.

[HTML] pobierz, plaintext 
$(function() {
 
var tekst = '';
 
$('.active').each(function() {
  tekst += $(this).html();
});
 
$('#filter_producer_select').html(tekst);
 
});
[HTML] pobierz, plaintext 

[Elber]

Prawie (IMG:style_emoticons/default/biggrin.gif) bo w każdym div'ie jest inne id czyli w tym przypadku #filter_producer_select w każdym div'ie jest inne

[HTML] pobierz, plaintext 
<div class="filtr">
	<h3>Cena</h3>
	<div class="filtrs">
	<p class="select_filter" id="filter_price_select" style="text-decoration: underline;">--- wybierz ---</p>
	<div class="filter-checkboxes">
		<input type="hidden" name="tier" id="tier" value="0-99999">
				<p><a href="od0do71,1" class="price">od 0 do 71 PLN</a></p>
				<p><a href="od71do143,1" class="price">od 71 do 143 PLN</a></p>
				<p><a href="od0do99999,1" class="price active">Wszystkie</a></p>
	</div>
	</div>
</div>
<div class="filtr">
	<h3>Producent</h3>
	<div class="filtrs">
	<p class="select_filter" id="filter_producer_select">--- wybierz ---</p>
	<div class="filter-checkboxes">
					<div class="filtration">
		<p><a href="producent,1">Producent</a></p>
		</div>
				</div>
	</div>
</div>
 
<div class="filtr">
	<h3>Kolor Abażuru / Klosza</h3>
	<div class="filtrs">
	<p class="select_filter">--- wybierz ---</p>
	<div class="filter-checkboxes">
				<div class="filtration">
	<p><a href="g2-5">Biały</a></p>
	</div>
					<div class="filtration">
	<p><a href="g2-4">Grafitowy</a></p>
	</div>
			</div>
	</div>
</div>
<div class="filtr">
	<h3>Dostępne wykończenia</h3>
	<div class="filtrs">
	<p class="select_filter">--- wybierz ---</p>
	<div class="filter-checkboxes">
				<div class="filtration">
	<p><a href="g1-2">Buk Naturalny</a></p>
	</div>
					<div class="filtration">
	<p><a href="g1-3">Olcha</a></p>
	</div>
					<div class="filtration">
	<p><a href="g1-1">Sosna</a></p>
	</div>
			</div>
	</div>
</div>
[HTML] pobierz, plaintext 

Tak to w całosci wygląda, i mogę dodawać kolejne filtry czyli ręczne wpisanie #id <p> nie wchodzi w grę, musi je wyciągnąć z danego div'a

[b4rt3kk]

Prawie (IMG:style_emoticons/default/biggrin.gif) bo w każdym div'ie jest inne id czyli w tym przypadku #filter_producer_select w każdym div'ie jest inne

[HTML] pobierz, plaintext 
<div class="filtr">
	<h3>Cena</h3>
	<div class="filtrs">
	<p class="select_filter" id="filter_price_select" style="text-decoration: underline;">--- wybierz ---</p>
	<div class="filter-checkboxes">
		<input type="hidden" name="tier" id="tier" value="0-99999">
				<p><a href="od0do71,1" class="price">od 0 do 71 PLN</a></p>
				<p><a href="od71do143,1" class="price">od 71 do 143 PLN</a></p>
				<p><a href="od0do99999,1" class="price active">Wszystkie</a></p>
	</div>
	</div>
</div>
<div class="filtr">
	<h3>Producent</h3>
	<div class="filtrs">
	<p class="select_filter" id="filter_producer_select">--- wybierz ---</p>
	<div class="filter-checkboxes">
					<div class="filtration">
		<p><a href="producent,1">Producent</a></p>
		</div>
				</div>
	</div>
</div>
 
<div class="filtr">
	<h3>Kolor Abażuru / Klosza</h3>
	<div class="filtrs">
	<p class="select_filter">--- wybierz ---</p>
	<div class="filter-checkboxes">
				<div class="filtration">
	<p><a href="g2-5">Biały</a></p>
	</div>
					<div class="filtration">
	<p><a href="g2-4">Grafitowy</a></p>
	</div>
			</div>
	</div>
</div>
<div class="filtr">
	<h3>Dostępne wykończenia</h3>
	<div class="filtrs">
	<p class="select_filter">--- wybierz ---</p>
	<div class="filter-checkboxes">
				<div class="filtration">
	<p><a href="g1-2">Buk Naturalny</a></p>
	</div>
					<div class="filtration">
	<p><a href="g1-3">Olcha</a></p>
	</div>
					<div class="filtration">
	<p><a href="g1-1">Sosna</a></p>
	</div>
			</div>
	</div>
</div>
[HTML] pobierz, plaintext 

Tak to w całosci wygląda, i mogę dodawać kolejne filtry czyli ręczne wpisanie #id <p> nie wchodzi w grę, musi je wyciągnąć z danego div'a

[HTML] pobierz, plaintext 
$(function() {
$('.filtr').each(function() {
 
var tekst = '';
 
$(this).children('.filter-checkboxes').children('p').chlidren('.active').each(function() {
  tekst += $(this).html();
});
 
$(this).children('.filtrs').children('p').html(tekst);
 
});
});
[HTML] pobierz, plaintext 

[Elber]

Super działa (IMG:style_emoticons/default/smile.gif) Wielkie dzięki, w moim przypadku zamiast children() musiałem dać find() (IMG:style_emoticons/default/smile.gif)

Pozdrawiam