查找

Question

類

過濾我有一個PHP循環，這種形式打印大量的HTML元素的一個出現：

<div class="something"> 
    ... 
    <img class="prod-img" src="What-I-Need"/> 
</div> 
<div class="buttons" data-description="Some text here..."> 
    <a class="activator">Click me!</a> 
</div> 

被重複一段代碼很多次。 USIG jQuery的我管理使用父選擇剛剛拿到描述內容：

$('.activator').click(function() { 
    alert($(this).parents('.buttons').data('description')); 
}) 

因爲$（這）有我需要的領域父母，那JS代碼是偉大的工作，我現在不知道，怎麼能我檢索類prod-img的src內容？因爲是父DIV外...

Answer 1

如果他們使用.closest()和.find()

var src = $(this).closest('.container').find('.prod-img').attr('src'); 

分組這樣

<div class="container"> 
    <div class="something"> 
     ... 
     <img class="prod-img" src="What-I-Need"/> 
    </div> 
    <div class="buttons" data-description="Some text here..."> 
     <a class="activator">Click me!</a> 
    </div> 
</div> 
<div class="container"> 
    .....etc.... 

你可以得到PROD-IMG否則，你需要使用.parent().prev()和.find()這是非常靜態的，使得更改HTML標記而不更改代碼變得更加困難。

var src = $(this).parent().prev().find('.prod-img').attr('src');