$ (Bu) se├žicinin ├žocuklar─▒ nas─▒l al─▒n─▒r?


Al─▒nan cevaba git


Buna benzer bir d├╝zenim var:

 <div id="..."><img src="..."></div>
 

ve t─▒klaman─▒n img i├žindeki ├žocu─ču se├žmek i├žin bir jQuery se├žici kullanmak istersiniz div .

Almak i├žin div ┼ču se├žiciyi ald─▒m:

 $(this)
 

img Se├žici kullanarak ├žocu─ču nas─▒l alabilirim ?


2174





2008-11-20




Cevap say─▒s─▒n─▒ say: 17






JQuery yap─▒c─▒s─▒ context , se├žimin kapsam─▒n─▒ ge├žersiz k─▒lmak i├žin kullan─▒labilecek bir 2. parametre kabul eder .

 jQuery("img", this);
 

Bu gibi kullanarak ayn─▒ olan .find() :

 jQuery(this).find("img");
 

Arzu etti─činiz g├Âr├╝nt├╝ler yaln─▒zca t─▒klanan ├Â─čenin do─črudan torunlar─▒ysa, ┼čunlar─▒ da kullanabilirsiniz .children() :

 jQuery(this).children("img");
 

2816







Ayr─▒ca kullanabilirsiniz

 $(this).find('img');
 

img ki bunlar soyundan gelenleri geri getirecekti . div


459







─░lk img seviyeyi tam olarak bir seviye a┼ča─č─▒ indirmeniz gerekiyorsa,

 $(this).children("img:first")
 

133







DIV etiketinizi hemen IMG etiketinin ard─▒ndan izlerseniz, ┼čunlar─▒ da kullanabilirsiniz:

 $(this).next();
 

75







Direkt ├žocuktur

 $('> .child', this)
 

62







Ana div'in t├╝m img ├Â─čelerini a┼ča─č─▒daki gibi bulabilirsiniz

 $(this).find('img') or $(this).children('img')
 

Belirli bir img eleman─▒ istiyorsan─▒z, bu ┼čekilde yazabilirsiniz.

 $(this).children('img:nth(n)')  
// where n is the child place in parent list start from 0 onwards
 

Div'iniz yaln─▒zca bir img ├Â─česi i├žeriyor. Yani bunun i├žin a┼ča─č─▒ do─čru

  $(this).find("img").attr("alt")
                  OR
  $(this).children("img").attr("alt")
 

Fakat e─čer div'iniz a┼ča─č─▒daki gibi daha fazla img eleman─▒ i├žeriyorsa

 <div class="mydiv">
    <img src="test.png" alt="3">
    <img src="test.png" alt="4">
</div>
 

o zaman ikinci img ├Â─česinin alt de─čerini bulmak i├žin ├╝st kodu kullanamazs─▒n─▒z. Yani bunu deneyebilirsiniz:

  $(this).find("img:last-child").attr("alt")
                   OR
 $(this).children("img:last-child").attr("alt")
 

Bu ├Ârnek, as─▒l nesneyi nas─▒l ger├žek nesneyi bulabilece─činiz hakk─▒nda genel bir fikir g├Âsterir. Alt nesnenizi ay─▒rt etmek i├žin s─▒n─▒flar─▒ kullanabilirsiniz. Bu kolay ve e─členceli. yani

 <div class="mydiv">
    <img class='first' src="test.png" alt="3">
    <img class='second' src="test.png" alt="4">
</div>
 

Bunu a┼ča─č─▒daki gibi yapabilirsiniz:

  $(this).find(".first").attr("alt")
 

ve daha spesifik olarak:

  $(this).find("img.first").attr("alt")
 

Bul veya ├žocuklar─▒ yukar─▒daki kodda kullanabilirsiniz. Daha fazla ziyaret i├žin ├çocuklar http://api.jquery.com/children/ ve http://api.jquery.com/find/ adreslerini bulun . Bkz. Http://jsfiddle.net/lalitjs/Nx8a6/


40







JQuery'deki bir ├žocu─ča ba┼čvurma yollar─▒. A┼ča─č─▒daki jQuery'de ├Âzetledim:

 $(this).find("img"); // any img tag child or grandchild etc...   
$(this).children("img"); //any img tag child that is direct descendant 
$(this).find("img:first") //any img tag first child or first grandchild etc...
$(this).children("img:first") //the first img tag  child that is direct descendant 
$(this).children("img:nth-child(1)") //the img is first direct descendant child
$(this).next(); //the img is first direct descendant child
 

33







DIV'nin kimli─čini bilmeden IMG'yi ┼ču ┼čekilde se├žebilece─činizi d├╝┼č├╝n├╝yorum:

 $("#"+$(this).attr("id")+" img:first")
 

30


2008-11-20





Bu kodu dene:

 $(this).children()[0]
 

30







A┼ča─č─▒daki y├Ântemlerden birini kullanabilirsiniz:

1 find ():

 $(this).find('img');
 

2 ├žocuk ():

 $(this).children('img');
 

23







jQuery's each bir se├ženek:

 <div id="test">
    <img src="testing.png"/>
    <img src="testing1.png"/>
</div>

$('#test img').each(function(){
    console.log($(this).attr('src'));
});
 

20







Ebeveyn i├žinde mevcut olan alt ├Â─čelere ba┼čvuruda bulunmak i├žin ├çocuk Selecorunu kullanabilirsiniz .

 $(' > img', this).attr("src");
 

Ve a┼ča─č─▒da $(this) referans─▒n─▒z img yoksa div ve ba┼čka bir fonksiyondan uygun referans─▒ almak istiyorsan─▒z .

  $('#divid > img').attr("src");
 

15







Ayr─▒ca bu ├žal─▒┼čmas─▒ gerekir:

 $("#id img")
 

11







─░┼čte i┼člevsel bir kod, ├žal─▒┼čt─▒rabilirsiniz (basit bir g├Âsteri).

DIV'yi t─▒klad─▒─č─▒n─▒zda g├Âr├╝nt├╝y├╝ farkl─▒ y├Ântemlerden elde edersiniz, bu durumda "bu" DIV'dir.

 $(document).ready(function() {
  // When you click the DIV, you take it with "this"
  $('#my_div').click(function() {
    console.info('Initializing the tests..');
    console.log('Method #1: '+$(this).children('img'));
    console.log('Method #2: '+$(this).find('img'));
    // Here, i'm selecting the first ocorrence of <IMG>
    console.log('Method #3: '+$(this).find('img:eq(0)'));
  });
}); 
 .the_div{
  background-color: yellow;
  width: 100%;
  height: 200px;
} 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="my_div" class="the_div">
  <img src="...">
</div> 

Umar─▒m yard─▒mc─▒ olur!


8







─░├žinde 0 ila bir├žok <img> etiket olabilir <div> .

Bir ├Â─če bulmak i├žin, a kullan─▒n .find() .

Kodunuzu g├╝vende tutmak i├žin a kullan─▒n .each() .

.find() Ve .each() birlikte kullan─▒lmas─▒ , 0 <img> eleman durumunda bo┼č referans hatalar─▒n─▒ ├Ânlerken , ayn─▒ zamanda birden fazla <img> eleman─▒n kullan─▒lmas─▒na da izin verir .

 // Set the click handler on your div
$("body").off("click", "#mydiv").on("click", "#mydiv", function() {

  // Find the image using.find() and .each()
  $(this).find("img").each(function() {
  
        var img = this;  // "this" is, now, scoped to the image element
        
        // Do something with the image
        $(this).animate({
          width: ($(this).width() > 100 ? 100 : $(this).width() + 100) + "px"
        }, 500);
        
  });
  
}); 
 #mydiv {
  text-align: center;
  vertical-align: middle;
  background-color: #000000;
  cursor: pointer;
  padding: 50px;
  
} 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div id="mydiv">
  <img src="" width="100" height="100"/>
</div> 


5







 $(document).ready(function() {
  // When you click the DIV, you take it with "this"
  $('#my_div').click(function() {
    console.info('Initializing the tests..');
    console.log('Method #1: '+$(this).children('img'));
    console.log('Method #2: '+$(this).find('img'));
    // Here, i'm selecting the first ocorrence of <IMG>
    console.log('Method #3: '+$(this).find('img:eq(0)'));
  });
}); 
 .the_div{
  background-color: yellow;
  width: 100%;
  height: 200px;
} 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="my_div" class="the_div">
  <img src="...">
</div> 


4







Kullanabilirsin

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
 $(this).find('img');
</script>
 

0



─░lgili yay─▒nlar


Bir MySQL veritaban─▒ndaki tablolar─▒n boyutlar─▒n─▒ nas─▒l alabilirim?

Ge├žerli sayfan─▒n URL'sini C# [duplicate] i├žinde alma

Ge├žerli y├Ântemin ad─▒n─▒ [duplicate] kodundan alma

Windows'ta toplu komut dosyas─▒n─▒n yolunu nas─▒l elde edilir?

T─▒klanan ├Â─čenin s─▒n─▒f─▒ nas─▒l al─▒n─▒r?

├çal─▒┼čmakta olan dosyan─▒n dizinini nas─▒l alabilirim?

├ça─č─▒ran y├Ântemin ad─▒ nas─▒l al─▒n─▒r?

WPF'de mevcut ekran─▒n b├╝y├╝kl├╝─č├╝ nas─▒l al─▒n─▒r?

Y├╝r├╝t├╝lmekte olan DLL dosyas─▒n─▒n konumu nas─▒l al─▒n─▒r?

─░OS'ta ├žal─▒┼čan uygulaman─▒n ad─▒ nas─▒l al─▒n─▒r

Etiketle ilgili di─čer sorular [javascript]


Kayd─▒rma ├žubu─čunu gizle, ancak yine de kayd─▒rma yapabilirken

Scala'da bir alt ├žizginin t├╝m kullan─▒mlar─▒ nelerdir?

Hangi Swift s├╝r├╝m├╝n├╝ kulland─▒─č─▒m─▒ nas─▒l g├Ârebilirim?

Tan─▒ms─▒z, tan─▒mlanmam─▒┼č ve uygulama tan─▒ml─▒ davran─▒┼č

ArithmeticException: ÔÇťSonland─▒r─▒lmayan ondal─▒k geni┼čleme; kesin olarak temsil edilebilir ondal─▒k sonu├ž yok ÔÇŁ

Querystring parametreleri HTTPS'de (HTTP + SSL) g├╝venli midir? [├žift]

De─či┼čken uzunluktaki diziler neden C++ standard─▒n─▒n bir par├žas─▒ de─čil?

Bir python dosyas─▒n─▒n bir ba┼čkas─▒n─▒ ├žal─▒┼čt─▒rmas─▒n─▒ nas─▒l sa─člayabilirim? [├žift]

Bir Google Keep API var m─▒? [kapal─▒]

Java: Bir koleksiyondan ilk ├Â─čeyi al