jQuery：div IDを.load IDに適用する

Question

私の知識が不足しています。最初の子をターゲットとし、そのIDを取得し、+ _descriptionをロードするdivの名前に適用するスクリプトを作成しようとしています。

私は約100の製品を持っており、それぞれのコード行を追加することはあまり役に立ちません。

例えば、 これは自動化されたようにしよう：

<div class='descr'> 
<div id='productName'> 
<div id='productName_description>This is what needs to be inserted</div> 
</div> 
</div> 



$('#productName').load('https://www.website.com/page.html #productName_description'); 

私は限りました：「：第一子のIDを、それを適用しDESCR 『+ _description』

$('descr:first-child').load('https://www.website.com/page.html ??????'); 

私はどのように抽象的に把握することはできませんロードが呼び出しているdivに移動します。

ありがとうございます。

Answer 1

あなたは私たちに多くのコード/情報を提供するが、私は理解するもので、そのようなことを試してみてください：あなたの更新

に関する

// Javascript (document.ready) 

$('.descr').each(function(){ 
    var productContainer=$(this).children().attr('id')+'_description'; 
    $('#'+productContainer).load('https://www.website.com/page.html #'+productContainer); 

}); 

編集には、以下を試してみてください。

var productContainer=$('.descr:first-child').attr('id')+'_description'; 
$('#'+productContainer).load('https://www.website.com/page.html #'+productContainer); 

Answer 2

あなたの質問を理解する限り、これは欲しい：

$('#productName_description').load('https://www.website.com/page.html ??????'); 

また、あなたの行：

<div id='productName_description> 

は、IDの末尾に'にする必要があります：私は理解し何に基づいて

<div id='productName_description'> 

Answer 3

が、私はこれはあなたの問題を解決するかもしれないと思います。

<div class='descr'> 
    <div id='ipod'> 
     iPod 
    </div> 
    <div id='iphone'> 
     iPhone 
    </div> 
    <div id='ipad'> 
     iPad 
    </div> 
</div>​ 

そして、あなたはいくつかの結果（HTML）を返す必要がありますいくつかのAJAX URLをヒットし、あなたのPRODUCTNAMEと負荷に基づいて、それからDOMフラグメント（productname_description）を抽出：

は、あなたの100の製品は下に記載されているとしましょうそれをあなたの製品部門に送ります。

$(function() { 
    $('div.descr').children().each (function() { 
    var productDescriptionDOM = '#' + $(this).attr('id') + '_description'; 
     $(this).load('http://jsfiddle.net/echo/html/ '+productDescriptionDOM); 
    });  
});​ 

デモ：http://jsfiddle.net/vBxWs/

リクエストが応答を返さないので、デモは製品の説明をロードしませんのでご注意ください。サポートされていないため、デモでクロスドメインURLを使用することはできません。