2012-02-03 16 views
1

.html関数を使用してjQueryの配列から値を画面に出力しようとしています。 変数はtestです。jQueryで配列の値を印刷する方法 - .html

それは、配列のすべてを印刷します下の私は、コードの行を使用する場合:

$(this).html(test).addClass('messageboxerror').fadeTo(900,1); 

Array ([0] => 2820 Prairie [1] => 19316 [2] => 2820 Prairie [3] => Beloit [4] => 53511 [5] => [6] => 2012-01-17 [7] => [8] => union [9] => Rock County) 

を私は(テスト[0])を.htmlを入れて試してみましたが、これはスクリプトを破りました。

おかげで、

+0

うーん...([0] +テスト "")の.htmlを試してみてください? – EdH

+0

これは、JSで配列を作成する方法ではありません –

+0

テスト定義はどこですか?また、配列([0] => 2820 Prairie [1] => 19316 [2] => 2820 ....)は何ですか? – Chad

答えて

4

編集:JSONデータを送信する方法については、このpostをチェックしてください。 JavaScriptで

配列は、以下のように構成され、

var test = ["2820 Prairie", "19316", "2820 Prairie", "Beloit", "53511", "", "2012-01-17", "", "union", "Rock County"]; 

test[0]は "2820プレーリー" に戻ります。

MDN Array Object Reference

+0

に送り返された私はそれが私の問題だと思う。配列はPHPで構築され、配列([0] => '2820 Prairie'、..... )の形式でAJAXスクリプトに送られました。私が.html(test [0])を試してみると、次のような応答です: "A" – xXPhenom22Xx

+0

これはPHPスクリプトのものです: '$ array = array($ j_name、$ j_id、$ j_address、$ j_city、$ j_zip、$ j_district、$ j_date、$ j_ba、$ j_type、$ j_county ); print_r($ array); ' – xXPhenom22Xx

+0

私の根底にある問題は、配列やデータの一部をAJAXスクリプトに送り返して、それがその配列を知る方法でしょうか? – xXPhenom22Xx

-1

var colors = ['#ff9e2a', '#2b908f', '#96c18c', "#ff3232", '#09a43e', '#7798BF', '#3ef3cd', '#ff0066', 
 
    '#55BF3B', '#DF5353', '#7798BF', '#aaeeee', '#DDDF0D', '#058DC7', '#50B432', '#ED561B', '#DDDF00', 
 
    '#24CBE5', '#90ee7e', '#FF9655', '#FFF263', '#6AF9C4', '#082a50', '#f7a35c', '#e9625e', '#dce405', 
 
    '#a1034d', '#42A07B', '#9B5E4A', '#2e898e', '#82914E', '#7d7c7c', '#6ecfdf', '#f45b5b', '#aaeeee', '#ad4029', '#64E572', '#7cb5ec', '#8085e9', '#8d4654', '#514F78', '#72727F', '#1F949A', '#86777F', '#eeaaee', '#c62a2b' 
 
] 
 

 
$(document).ready(function() { 
 

 
    for (i = 0; i < colors.length; i++) { 
 
    console.log(colors[i]); 
 
    $('#ColorArrayThemeA').append('<li class="bgclr' + i + '"><span>' + colors[i]  + '</span></li>'); 
 
    $('.bgclr' + i + '').css({ 
 
     "background-color": colors[i] 
 
    }); 
 
    //$('#ColorArrayThemeA').css({ "background-color": colors[i] }) 
 

 

 
    } 
 

 
});
ol#ColorArrayThemeA li { 
 
    margin: 5px 20px; 
 
    float: left; 
 
    padding: 5px 0px; 
 
    width: 20%; 
 
    text-align: center; 
 
    font-weight: bold; 
 
    font-family: Arial; 
 
} 
 

 
ol#ColorArrayThemeA li span { 
 
    background-color: white; 
 
    padding: 2px 5px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ol id="ColorArrayThemeA"></ol>

関連する問題