大樓、店面冷氣保養、安裝、維修
多年維修經驗,專業熱忱技術
比價網打造理想的居家、商業空間門窗,設計、安裝
服務完善,價格低、品質優,立即來電

首頁  •  j2h 論壇 • 程式設計討論     • 

[JQuery] 陣列排序

房東:小凱
發表時間:2012-01-17
[檢舉]


<HTML>
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
var stations=['台北','板橋' ,'桃園' ,'新竹' ,'台中' ,'嘉義' ,'台南' ,'高雄'];

$('#btn1').click(function(){
$.each(stations,function(){
$('#div1').append('<p>' + this + '</p>');
});
});
$('#btn2').click(function(){
$(stations).each(function(){
$('#div1').append('<p>' + this + '</p>');
});
});
})

</script>
<style>
.d1{
background-color:yellow;
color:blue;
font-size:18px;
}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<input type="button" id="btn1" value="設定每個P的內容" />
<input type="button" id="btn2" value="設定每個P的內容" />
<hr />
<div id="div1">我是div1</div>
</FORM>
</BODY>
</HTML>




  • 贊助網站       

    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!
    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務

  • 1 樓住戶:小白
    發表時間:2012-01-17
    [檢舉]

    再實作JSON傳接收值時碰到了$.each(),碰到不知道的就問GOOGLE吧

    所以又去google了一下,找到官方網站所提供的demo版,官網上所提供的example其實還瞞清楚的說明如何使用,不過都是英文就是了

    光看不練是不會成長的,所以就自行測試了一遍。



    英文版語法為:jQuery.each( collection, callback(indexInArray, valueOfElement) )



    中文本語法為:jQuery.each(收取值, 收回(索引陣列位置, 元素索引值) )

    ((迷之音:不太會翻譯....



    觀看以下範例吧((都中文....


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    //很熟析吧,JSON的表達方式
    var obj={'壹':'壹壹壹','貳':'貳貳貳','参':'参参参','肆':'肆肆肆','伍':'伍伍伍'}
    //使用$.each
    $.each(obj,function(i,value){
    //寫入
    $('#first').append('<table border=1><tr><td>'+i+'</td><td>'+value+'</td></tr>');
    });
    });
    </script>
    </head>
    <body>
    <div id="first">
    </div>
    </body>
    </html>

     



    http://m3fu0.blogspot.com/2010/11/jqueryeach.html



     共 1 人回應  選擇頁數 【第1 頁】 

    姓名:
    佈告內容: