番順序付けリストテーブルjQuery
-
06-09-2019 - |
質問
うん <ul><li>
いていくためには嬉しいたしスタイルをCSS.
私のように変換作成するにあたっては、jQuery
* Place|Name|Earning
* 1|Paul|200$
* 2|Joe|400$
* 3|James|100$
* 4|Carl|1000$
て行きたいと思います。...
というテーブルヘッドの最初の行の <ul>
テーブルセルのワークショップを行いました。
がありますか4-5 <ul>
sのページです。
追加着氷のケーキろうから最大の獲得を最小!
なんでこの質問:
では、その逆の...でも良いのですか?わからないかチェックしてみて...も左の問題を広くオープン。
なんでこの質問:
では、その逆の...でも良いのですか?わからないかチェックしてみて...も左の問題を広くオープン。
別の質問に関する解---
場合はい"削除"に置き換えるテーブル..
あまりないと思いますように空のテーブル..
こちらのコー---幸せなのは"最適化"で作業
$('#texte').append('<div id="where_my_table_goes"></div>');
$('#where_my_table_goes').append(table);
$('#my_oddly_formatted_list').remove();
何でもいいですか?
しかしながら、質疑応答となり、tiプラグイン。なかなかできないので動作しなくなっ...
こちらはbug...私はかつてのプラグイン(tablerize)がクリックイベントが切り替え、全体のULのテーブ---であい
ここでは、スニペットのコード:
<script type="text/javascript">
$(document).ready(function() {
$('#texte > h1').next().hide(500);
$('#texte > h1').click(function() {
$(this > ul).tablerize();
$(this).toggle(500);
});
});
</script>
は驚くべきことではないでん..私はねじっくださ---いtweekのプラグインのない実績があります。...
私は、いつまでも守り続けていきますがコード:
$("texte").append('<div id="where_my_table_goes"></div>');
$(#where_my_table_goes"></div>').append(table);
$('#my_oddly_formatted_list').remove();
することになる:
remove the ul
append the div to (this)
put the table into that div
いいものが必要な部?
助かります!
動作していません;こちらのページでは、かかる見どころ盛りだくさんの何日目かを表していない
http://www.acecrodeo.com/new/04-classement.php
を利用したいの遅延を隠するだけで、そのデータがございます---
を押した後のタイトル..のtablerizeは満足-削除のulとrenplaceで、テーブルのslidetoggleで
Ok..ある状態にしていま---
かのみを編集するには、回答で...な更新ボタンで..
たしているだけでなく、それを起であることにより、高い信頼を得てい格付け...るんですか
の問題...私募exaclyうお願いします。でん...ようにリンク: http://www.acecrodeo.com/new/04-classement.php
こちらはbug:で切り替え、ヘッダー...
います。)
解決
こうしていればHTMLるようになります:
<ul id='my_oddly_formatted_list1' class='odd_list'>
<li>Column A|Column B|Column C</li>
<li>Value A1|Value B1|Value C1</li>
<li>Value A2|Value B1|Value C2</li>
<li>Value A3|Value B1|Value C3</li>
<li>Value A4|Value B1|Value C4</li>
</ul>
<ul id='my_oddly_formatted_list2' class='odd_list'>
<li>Column D|Column E|Column F</li>
<li>Value D1|Value E1|Value F1</li>
<li>Value D2|Value E1|Value F2</li>
<li>Value D3|Value E1|Value F3</li>
<li>Value D4|Value E1|Value F4</li>
</ul>
<ul id='my_oddly_formatted_list3' class='odd_list'>
<li>Column G|Column H|Column I</li>
<li>Value G1|Value H1|Value I1</li>
<li>Value G2|Value H1|Value I2</li>
<li>Value G3|Value H1|Value I3</li>
<li>Value G4|Value H1|Value I4</li>
</ul>
したjQueryきプラグインを書くようになります:
jQuery.fn.tablerize = function() {
return this.each(function() {
var table = $('<table>');
var tbody = $('<tbody>');
$(this).find('li').each(function(i) {
var values = $(this).html().split('*');
if(i == 0) {
var thead = $('<thead>');
var tr = $('<tr>');
$.each(values, function(y) {
tr.append($('<th>').html(values[y]));
});
table.append(thead.append(tr));
} else {
var tr = $('<tr>');
$.each(values, function(y) {
tr.append($('<td>').html(values[y]));
});
tbody.append(tr);
}
});
$(this).after(table.append(tbody)).remove();
});
};
きその他、以下のように
// tablerize all UL elements in the page
$('ul').tablerize();
// only UL elements with class 'odd_list'
$('ul.odd_list').tablerize();
// individually tablerize all the lists
$('#my_oddly_formatted_list1').tablerize();
$('#my_oddly_formatted_list2').tablerize();
$('#my_oddly_formatted_list3').tablerize();
どの選別など、多くの プラグイン ございますこの機能を表示します。
**編集**
の問題コードではこれらのライン:
$(document).ready(function() {
/*$('#texte > h1').next().hide(1000); */
$('#texte > h1').click(function() {
$(this).tablerize();
/*$(this).next().toggle(500);*/
});
});
の tablerize
プラグイン私が見込 <ul>
要素tablerize.きで this
すとともに h1
いったいないの <ul>
.置換する場合はこのライン:
$(this).tablerize();
このラインは、UL要素の直後にヘッダ:
$(this).next('ul').tablerize();
で作業しています。
また:
- 更新するご質問は、ボタンをクリックするだけ"編集"を選択することにより、追加もしています。
- 受け入れ、をクリックするチェックのことです。