jquery parseInt

質問

失礼します。わかりにくい質問で申し訳ございません。
tar_element.attr('rowspan',parseInt(tar_element.attr('rowspan'),0) + 1);
これはいったい何をやっているのでしょうか？
ちなみにtar_elementはテーブルのtdの内容が格納されています。

回答No.2

t_ohta · ベストアンサー

＞　もしよろしければ、作ってみた処理なのですが、tdが余分に出力されていてブラウザでうまく表示ができません汗
＞　ご教授お願いします汗

ブラウザのコンソール画面でエラーメッセージ等を確認されましたか？
開いた括弧と閉じた括弧の数が合っていないので構文エラーになりますので、まずは言語エンジンが出すエラーメッセージを潰す事から始めましょう。

お礼

失礼します！無事うまくいきました。テーブルを削除した際にレンダリングが起きていることを考慮していませんでした。有難うございました。

補足

ご返信ありがとうございます。
しかし現在クロームにて検証しているのですが、なにもエラーメッセージが出てこない状態です汗

回答No.1

t_ohta

attr メソッドはDOMの属性を取得したり設定したりするモノです。

まず、
tar_element.attr('rowspan', [・・・・]);
は、td タグに rowspan 属性を設定するモノで、第2引数で渡した値が rowspan 属性の値になります。
なので、第2引数が「2」なら <td rowspan="2"> というタグに書き換えられます。

第2引数をセットするために行っている処理ですが、
parseInt(tar_element.attr('rowspan'),0)
の parseInt は第1引数で渡された値から数値部分を取り出して、第2引数で指定した基数で計算して10進数の整数で返してくれる処理です。
第1引数が「tar_element.attr('rowspan')」なので、現在の rowspan 属性の値を取得しています。属性値は文字列で返されるので整数化するために parseInt を使っているのでしょう。
第2引数は、本来なら「10」を渡すべきなのですが転記ミスでしょうかね？
まぁ、「０」を渡しても省略したと解釈されてデフォルトの「10」（10進数）だと解釈されて計算されるので、動くには動きますね。

で、現在の rowspan の値を整数で取得した後「 + 1 」を行っているので、値を1つインクリメントして、新しい rowspan 属性の値として書き込むようにプログラムされています。

補足

なるほどそもそもrowspanは１では結合できないので、+1して結合するようにしているのですね汗
読み解き方がわからず焦りました汗

もしよろしければ、作ってみた処理なのですが、tdが余分に出力されていてブラウザでうまく表示ができません汗
ご教授お願いします汗

<script>
var temp_form = $('.form_table tr');
for(var i = 0, l = temp_form.length; i < l; i++){
var cells = temp_form.eq(i).children();
}
//セル数を取得
var ss = cells.length;
$(document).ready(function(){
//1行づつ処理をしていく,指定列から最後の列までの回転をする,行で見ていく
//使用テーブル
$('.form_table').each(function(){
var pre_element = null;
var tar_element = null;
var col_num = 4; //4番目のセル
for(var nn = 5; nn <= ss; nn++){
$(this).find('tr').each(function(){
var now_td = $(this).find('td').eq(col_num); //trのtdを変数を入れていく、4番目のセルの値を格納
var target_td = $(this).find('td').eq(nn); //5番目のセルを格納
//pre_elementがNULLの場合以下の処理をしていく
if(pre_element == null){
pre_element = now_td; //td4の内容を変数に格納
tar_element = target_td //td5の内容を変数に格納
}
//now_tdのセルと先に変数pre_elementに格納したテキストの値が同じの場合は以下の処理をしていく
else if(now_td.text() == pre_element.text()){
target_td.remove(); //５番目のセルのtd縦軸を削除する
//rowspanの要素があるか判定
if(tar_element.attr('rowspan') == null){
tar_element.attr('rowspan',1);
}
//parseIntでCSSのプロパティを取得
tar_element.attr('rowspan',parseInt(tar_element.attr('rowspan'),10) + 1);
}else{
pre_element = now_td;
tar_element = target_td;
}
});
}
});
});
</script>