Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pomoć oko jQuery - uvjek isti Div

[es] :: Javascript i AJAX :: Pomoć oko jQuery - uvjek isti Div

[ Pregleda: 1273 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Neznalica_sa_ugla
split

Član broj: 83282
Poruke: 390
*.st2.cable.xnet.hr.



Profil

icon Pomoć oko jQuery - uvjek isti Div29.02.2012. u 09:43 - pre 102 meseci
Na stranici imam nekoliko paragrafa ( oni su iz baze i nose id , 6 znamenki , prvo početno N) , kada kliknem na taj paragraf , , želim da mi se pokaže div , koji objašnjava gore kliknuti paragraf div ima id "ref_ pa broj , kao i paragraf. Ideja je bila , izčitati sve elemeta <p> uzeti samo one koji zadovoljavaju kriterij , stvoriti varijablu poz , i cilj i preko jquery-a pokrenuti .slideToggle("slow"); I sada je tu problem ,kako nisam puno radio sa jQuery-em molim pomoć-.... evo i koda :
Code:



 var all_p = document.body.getElementsByTagName("p"); 
 for (i = 0; i < all_p.length; i++) 
 {
  if ( all_p.item(i).id.length==6  &&  all_p.item(i).id.substr(0,1)=="N")
  {
   var pol="#"+all_p.item(i).id;
   var cilj="#ref_"+all_p.item(i).id.substring(1,6);
  
 
  jQuery(function(){ 
  jQuery(pol).click(function(){
  jQuery(cilj).slideToggle("slow");
  });
});
       
  
  } 
   
 
 }


Problem je ,ma koji ja paragraf kliknem , uvjek mi se otvara zadnji div , ne pripadajući ...



 
Odgovor na temu

Neznalica_sa_ugla
split

Član broj: 83282
Poruke: 390
*.st2.cable.xnet.hr.



Profil

icon Re: Pomoć oko jQuery - uvjek isti Div29.02.2012. u 11:14 - pre 102 meseci
Rješeno ,ali dosta traljavo , ako ima bolji predlog ....
Code:


  jQuery(function(){ 

  
  jQuery("p").click(function(){

  var cilj =this.id;
   cilj="#"+cilj.replace("N","ref_");

    jQuery(cilj).slideToggle("slow");
 
   
  });    
  
 
 
});



problem , što 'vata' p , koje ja ne želim ..
 
Odgovor na temu

357_97

Član broj: 53056
Poruke: 104
*.dynamic.sbb.rs.



+5 Profil

icon Re: Pomoć oko jQuery - uvjek isti Div29.02.2012. u 13:08 - pre 102 meseci
Ako je html sledeci
Code:
<div id="info">

    <p id="N12345">Item 1</p>
    <p id="ref_12345">Desc 1</p>

    <p id="N12346">Item 2</p>
    <p id="ref_12346">Desc 2</p>

    <p id="N12347">Item 3</p>
    <p id="ref_12347">Desc 3</p>

</div>
onda bi js izgledao nesto ovako
Code:
    $(document).ready(function() {

        $info = $('#info');

        $('p[id^="N"]', $info).each(function() {
            $(this).click(function() {
                id = $(this).attr('id').substr(1);
                $('#ref_'+id).slideToggle('slow');
            });
        });
    });
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Humanity d.o.o.
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-4.sezampro.rs.

Sajt: www.nikolaposa.in.rs


+33 Profil

icon Re: Pomoć oko jQuery - uvjek isti Div29.02.2012. u 18:42 - pre 102 meseci
Mislim da je suvišan taj .each(), jer može odma' da se bind-uje click na celu tu kolekciju elemenata koju dobiješ selektorom, ovako:
Code:
$(document).ready(function() {
    $('#info > p[id^="N"]').click(function() {
        var id = $(this).attr('id').substr(1);
        $('#ref_'+id).slideToggle('slow');
    });
});

 
Odgovor na temu

357_97

Član broj: 53056
Poruke: 104
*.dynamic.sbb.rs.



+5 Profil

icon Re: Pomoć oko jQuery - uvjek isti Div29.02.2012. u 20:35 - pre 102 meseci
Naravno da moze i tako!
 
Odgovor na temu

[es] :: Javascript i AJAX :: Pomoć oko jQuery - uvjek isti Div

[ Pregleda: 1273 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.