台灣最大程式設計社群網站
線上人數
1086
 
會員總數:246691
討論主題:190104
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 關於jQuery使用html()的問題,請教各位高手~
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
關於jQuery使用html()的問題,請教各位高手~
價值 : 15 QP  點閱數:866 回應數:2
樓主

蒼天
門外漢
0 7
78 12
發送站內信

<script>
var sno = ['1' , '2' , '3'];
$(document).ready(function(){
$.each(sno, function() {
var now_no = this;
var up_no = this - 1;
$("#up" + this).click(function(){
var temptxt_now = $("#order" + up_no).html();
var temptxt_up = $("#order" + now_no).html();
$("#order" + up_no).html(temptxt_up);
$("#order" + now_no).html(temptxt_now);
});
});
});

</script>
</head>
<body>
<table>
<tr id='order1'><td class='colno_catalog'>第1行</td>
<td class='colnam_catalog'><textarea class='textnam_product' readonly='readonly' id='name1'>產品分類A</textarea></td>
<td class='colid_catalog'><textarea class='textid_product' readonly='readonly' id='init1'>代號A</textarea></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↑' id='up1'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↓' id='down1'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='編輯' id='edit1'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='刪除'/></td></tr>

<tr id='order2'><td class='colno_catalog'>第2行</td>
<td class='colnam_catalog'><textarea class='textnam_product' readonly='readonly' id='name2'>產品分類B</textarea></td>
<td class='colid_catalog'><textarea class='textid_product' readonly='readonly' id='init2'>代號B</textarea></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↑' id='up2'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↓' id='down2'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='編輯' id='edit2'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='刪除'/></td></tr>

<tr id='order3'><td class='colno_catalog'>第3行</td>
<td class='colnam_catalog'><textarea class='textnam_product' readonly='readonly' id='name3'>產品分類C</textarea></td>
<td class='colid_catalog'><textarea class='textid_product' readonly='readonly' id='init3'>代號C</textarea></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↑' id='up3'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='↓' id='down3'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='編輯' id='edit3'/></td>
<td class='colord_catalog'><input class='mbutt_catalog' type='button' value='刪除'/></td></tr>
</table>
</body>

以上為尚未完成的作品,
本來我是打算將按下up3的按鈕將將表格的第3行與第2行交換(↑,↓與編輯按鈕我打算透過jQuery去變更,然後使用者完成順序後才最後按更新),
不過現在有個問題是按第一次的確是可以將第2行與第3行對調(透過jQuery的html()將內容對調),
但是這樣做第2行與第3行的按鈕就全部失效了.

請問各位高手這樣有辦法解決嗎?

搜尋相關Tags的文章: [ jQuery ] , [ javascript ] ,
本篇文章發表於2013-07-31 01:50
1樓
最有價值解答

小羊窒息
捐贈 VP 給 缺氧的羊:窒息 檢舉此回應
table的row要用jquery來對調,

請參考這一篇...
http://stackoverflow.com/questions/1569889/jquery-move-table-row

======================================


你用的方式, 基本上是屬於在頁面載入完成後, 另外寫入2個row(把原本的2個row取代掉),
而你的event已經在onload時, 事先針對現有的row的button, 加上click的event,
新增的row當然就沒有用了


至於動態新增row之後, button的click不會動的問題,
我記得在jquery 1.9版之後, 有一種新的寫法, 可以讓你動態新增的row, 也自動被jquery加上event
...這個部份, 請自行爬文...
本篇文章回覆於2013-08-01 17:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

Solty
檢舉此回應
按照你這寫法...
改完我就想去跳了...
jquery某種意義上創造了一堆"聲稱會javascript的工程師"
其實根本什麼都不懂....
本篇文章回覆於2013-08-02 22:02
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.