プログラミング歴2ヶ月の初心者です。宜しくお願いします。
###前提・実現したいこと
複数人で同時使用できるチャットアプリを作っています。
デザインは概ねLINEを模しています。
同じ人間が「連続して」発言した場合、2度目以降の発言にはプロフィールアイコンをつけないようにしたいです。
*LINEと違う部分として自身の発言時にもアイコンが出るようにしています。
###発生している問題・エラーメッセージ
発言の表示はappendを使い<li><span>などを挿入しています。
自分の発言にはclass名my~、他人の発言にはclass名yr~がつきます。
last/last-child/nth-last-child()とhasClass/addClassを使い、最後の発言者が自分の場合(=最後の要素のクラス名がmy~の場合)、次の発言に.opacityをつけたいのですが、今までの発言全てに.opacityがかかってしまいます。
どう指定すればよいでしょうか。
###ソースコード
発言を表示するコード
lang
1 $("#board").append('<li class="mylist">' + 2 '<span class="myname">' + '<img class="icon" src="'+icon+'">' + 3 '<span class="mydate"><span class="txt">' +text.input_date+ '</span></span></span>' + 4 '<span class="mymsg">' +text.message+ '</span></li>')
質問のところ
if($('li:last').hasClass('mylist')){ $('li:nth-last-child(1)').addClass('opacity'); }
###補足情報(言語/FW/ツール等のバージョンなど)
宜しくお願い致します。
html css javascript jquery brackets milkcocoa chat
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/06/10 02:11