0

私が間違っていたことを見つけて申し訳ありません..htmlファイルとtxtファイルの間の典型的な間違い

まず、私の拙い英語についてお詫び申し上げます。

divjQueryによるajaxを介して、外部txtファイル内のhtmlコードを動的に取得しようとしています。ただし、期待どおりに特定のhtmlコードを取得できませんdiv。これが私のコードです

.html ファイル

<div id="html_div_id_A">
  <div class="html_div_class">
  </div>  
</div>

<div id="html_div_id_B">
  <div class="html_div_class"> 
  </div>  
</div>

abc.txt ファイル

<div id = "txt_div_id_A">
  <div class="txt_div_class">
        some content A
  </div>  
</div>

<div id = "txt_div_id_B">
  <div class="txt_div_class">
        some content B
  </div>  
</div>

.js ファイル

function func(arg)
{
    var htmlDivId = $(arg).attr("id").toString()// html_div_id_A or html_div_id_B, decided in run time
    var txtDivId = htmlDivId == "html_div_id_A" ? "#txt_div_id_A" : "#txt_div_id_B";// txt_div_id_A or txt_div_id_B, decided in run time

    // What I could do now
    $(htmlDivId + " > .html_div_class").load("abc.txt #txt_id_B div");

    // What I expected to do
    $(htmlDivId + " > .html_div_class").load("abc.txt " + txtDivId + " div");
}

ここで提案されている解決策($.AJAX をロードした HTML で Jquery セレクターを使用しますか?) を試しましたが、機能しません。この問題を解決する方法はありますか?

4

1 に答える 1

0

試す

function func(arg)
{
    var htmlDivId = $(arg).attr("id");

    //You need to assign the string value of the target id
    var txtDivId = htmlDivId == "html_div_id_A" ? 'txt_div_id_A' : 'txt_div_id_B';// txt_div_id_A or txt_div_id_B, decided in run time

    // What I expected to do
    // need to prepend # to target id
    $('#' + htmlDivId + " > .html_div_class").load("abc.txt #" + txtDivId + " div");
}

デモ:プランカー

于 2013-06-18T06:01:00.263 に答える