dynamicky zapis do jQuery

ja bych to udělal následovně:
přepsal bych id na class u toho klikacího odkazu a všechny se budou jmenovat stejně a pak už jen vložit následující jQuery kód do stránky (nevím to přesně, píšu z hlavy, ale nápad je z příkladu jasný):

EDIT:

$('.klikaciOdkaz').click(function () {
	$(this).next().show();
});

uvnitř toho hidden DIVu vložíš odkaz hned za otevírací DIV tag a pak doplníš ten jQuery kód o něco takového:

$('.zaviraciOdkaz').click(function () {
	$(this).prev().hide();
});

Takto nemusíš nic dynamicky do jQuery generovat a stačí ti jeden zápis. Já osobně to ještě řeším tak, že pokud je ten hidden element rozsáhlejěí a doplňuji do něj jen nějaký text, tak si ten text uložím třeba do atributu toho odkazu a na klik si vezmu jen jeden DIV někde z patičky a doplním do něj text z atributu. Podobně třeba řeším vícenásobnou nápovědu u políček formulářů …

Editoval iguana007 (30. 3. 2010 15:28)

preco tak zlozito?

<script>
$('a.nejakyclass').toggle(
function(){
	$(this).next().show();
},
function(){
	$(this).next().hide();
});
</script>

ale toto je skor do nejakeho jquery fora

pokud nejsou za sebou, tak já to řešil před časem takhle:

<script>
 <div class="klikatko" id="klik1">klik</div>
...
 <div class="rozbalovaci klik1">blabla</div>
...

 $(".klikatko").toggle(
   function(){
     $("."+$(this).attr('id')).show();
   },
	... hide()
   );
</script>

asi tam bude nějaká chyba, je to vzpomínka z hlavy, ale funkce je snad z toho jasná… :)
no a ty idéčka a klasy klik1 si tam už naházíš dynamicky.

Editoval Rampa (30. 3. 2010 16:35)

dotTwelve napsal(a):

redhead napsal(a):

<script>
$('a[id^="zobrazit-"]').click(function() {
	$('#'+this.id+'-Obsah').show();
});
</script>

funguje to ale treba na zobrazit-1-Obsah (namísto zobrazitObsah-1, ale to už si upravíš, nechtělo se mi to psát)

Tak jsem to tak udelal, jak pristoupim k promenne ID v jQuery? Potrebuji to i na druhy odkaz, ktery mi to zavre, ovsem ma jine ID

$(TvujSelektor).attr('id').val();

Editoval iguana007 (30. 3. 2010 17:09)

iguana007 napsal(a):

dotTwelve napsal(a):

redhead napsal(a):

<script>
$('a[id^="zobrazit-"]').click(function() {
	$('#'+this.id+'-Obsah').show();
});
</script>

funguje to ale treba na zobrazit-1-Obsah (namísto zobrazitObsah-1, ale to už si upravíš, nechtělo se mi to psát)

Tak jsem to tak udelal, jak pristoupim k promenne ID v jQuery? Potrebuji to i na druhy odkaz, ktery mi to zavre, ovsem ma jine ID

$(TvujSelektor).attr('id').val();

<script>
$('a[id^="skryt-"]').click(function(){
	$('#zobrazit-'+$(this).attr('id').val()+'-Obsah').hide();
});
</script>

toto nefunguje :(

Editoval dotTwelve (30. 3. 2010 17:25)

nene, to taky nechodi…

<script>
$('a[id^="zobrazit-"]').click(function(){
        $('#'+this.id+'-Obsah').show();
    });

    $('a[id^="skryt-"]').click(function(){
        var idecko = $(this).attr('id').val();
        $('#zobrazit-'+ parseInt(idecko) +'-Obsah').hide();
    });
</script>

sablona

<script>
<tr>
        <th scope="row" class="spec">Č. 3</th>
        <td >200 m²</td>
        <td >3 400 000 Kč</td>
        <td > Aktuální</td>
        <td class="domy">
            <a href="#" id="zobrazit-3">Zobrazit</a> <a href="#" id="skryt-3">Skrýt</a>
        </td>
        </tr>
        <tr>
        <td colspan="5" style="display:none" id="zobrazit-3-Obsah" class="zobrazitDomyObsah">
<img src="/dokumenty/domy/wood-96/wood-96-pohled-1_t.jpg" width="75" />
<a href="/domy/wood-96/">WOOD 96</a>
        </td>
        </tr>

</script>

Pro ne úplně kované v javascriptu doporučuji sadu nástrojů phpjs (http://phpjs.org/), kde se většina věcí v js dá udělat obdobou php funkcí se stejnou syntaxí.