親/最寄の事業部発行

Question

EDIT：

<div class="specificBlock" id="thevagabond"> 
    <a class="intro"><img src="images/blabla.png"/></a> 
    </br> 
    <div class="btn-group-xs testing"> 
     <a type="button" class="btn btn-success intro">Use</a> 
    </div> 
</div> 

<div class="specificBlock" id="thedog"> 
    <a class="intro"><img src="images/blabla.png"/></a> 
    </br> 
    <div class="btn-group-xs testing"> 
     <a type="button" class="btn btn-success intro">Use</a> 
    </div> 
</div> 

私の問題は、以下の通りです： 私からのdivのIDを取得するjQueryの/ JavaScriptの方法を見つけるしたい 私は、次のコードを持っていますクリックされた 'a' class = "intro"が由来します。

ここでの問題は、最初にaをclass="intro"とクリックすると、最も近いdivのIDを使用する必要があることです。

しかし、2番目のボタンをクリックすると、最も近いdivは正しいものではありません。最も近いdivはclass="testing"のdivになります。これは望ましくありません。

これを行う方法はありますか？

Answer 1

IDは一意である必要がありますので、ちょうど$('#thevagabond')となります。ただし、おそらく.parents(selector_here) - documentationをチェックする必要があります。

あなたが本当にIDが必要な場合は、このチェック：

$('.specificBlock a').click(function(){ 
var id_that_you_looking_for = $(this).parents('.specificBlock').attr('id'); 
//code more 
}); 

Answer 2

$("a").on("click", function (e) { 
    $(this).parents("#thevagabond"); 
}); 

または直接#thevagabond前に述べたように。

EDIT：
新しい情報に応じて、（下のコメントを参照してください）HERESに新しいソリューション。 iframeのターゲットURLをaのhrefに配置するか、またはaまたはその親のいずれかにdata-属性を追加します。

HTML：

<div class="specificBlock" id="thevagabond" data-url="my/iframe/url"> 
    <a class="intro"><img src="images/blabla.png"/></a> 
    </br> 
    <div class="btn-group-xs testing"> 
     <a type="button" class="btn btn-success intro">Use</a> 
    </div> 
</div> 

<div class="specificBlock" id="thedog"> 
    <a class="intro" href="my/iframe/url"><img src="images/blabla.png"/></a> 
    </br> 
    <div class="btn-group-xs testing"> 
     <a type="button" href="my/iframe/url" class="btn btn-success intro">Use</a> 
    </div> 
</div> 

<iframe id="my-frame" src="" width="500" height="500" style="display:none" /> 

のJavaScript/jQueryの：

var $specificBlocks = $(".specificBlock"), 
    $thevagabond = $specificBlocks.filter("#thevagabond"), 
    $thedog = $specificBlocks.filter("#thedog"), 
    $iframe = $("#my-frame"); 

$thevagabond.on("click", "a", function (e) { 
    e.preventDefault(); 
    $iframe.attr("src", $thevagabond.data("url")); 
    $iframe.show(); 
}); 

$thedog.on("click", "a", function (e) { 
    e.preventDefault(); 
    var $t = $(this), 
     url = $t.attr("href"); 

    $iframe.attr("src", url); 
    $iframe.show(); 
}); 

iframe内に表示されるページは、非JSのユーザーと検索のためにもアクセス可能になりますので、私は#thedogオプションを好みますエンジン。