2012-02-08 23 views
0

マークアップ:挿入親要素のID

<iframe id="portal"> 
    <div id="callout-1" class="callout"> 
    </div> 

    <div id="callout-2" class="callout"> 
    </div> 
</iframe> 

$(document).ready(function(){ 
    $('#page-portal').load(function(){ 
     $('#portal').contents().find('.callout') 
     .append('<div class="edit-image" id="edit-image-1">Edit This Area</div>'); 
    }); 
}); 

このコードは、動的に私が何をしたいのか、各div class="callout"

div class="edit-image"を挿入するには、div class="callout"からID(数字部分)を盗ん、動的に挿入されますdiv class="edit-image"

私はこの問題を抱えています、誰も助けることができますか?

+0

であるここでは、この

$('#portal').find('.callout').each(function(k,v) { id = $(this).attr("id"); //take out the id of element temp = id.split("-"); //split the string based on "-" idnum = temp[1]; //take the second part of split i.e the integer part $(this).append('<div class="edit-image" id="edit-image-'+idnum+'">Edit This Area</div>'); //then finally use it }); 

ようになっているはず? – meo

答えて

2

.split()Javascriptのメソッドを使用できます。それはあなたたちつもりデータ属性を使用して起動しているとき、作業demo

1

あなたは、あなたの場合は

var id  = $("selektor").attr("id"), 
    number = parseInt(id.split('-')[1]); 

http://api.jquery.com/attr/

で要素のidを求めることができ、あなたはその後、上記のようにして、IDを解析し、ドキュメント内のすべての.callout年代を反復処理する必要があります新しい要素を正しいidで挿入します。

関連する問題