teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

一応こんな感じ

2018/07/17 07:40

投稿

yambejp
yambejp

スコア117902

answer CHANGED
@@ -2,4 +2,34 @@
2
2
  - 既にあったら
3
3
  - 追加しない
4
4
 
5
- 上記3点の定義をしてもらえばできそうな気はします
5
+ 上記3点の定義をしてもらえばできそうな気はします
6
+
7
+ # sample
8
+ 一応こんな感じ
9
+ ローカル時間を表示してどうするの?という気はします
10
+ サーバーからajaxで時間とタイトルを受け取るよう設計したほうがいいかと
11
+
12
+ ```javascrpt
13
+ var news='<li><span class="Time"></span><a href="https://">a</a></li>'
14
+ $(function(){
15
+ $("#button").on("click",function(){
16
+ if($('.NewsList a').filter(function(){
17
+ return $(this).text()==$(news).find('a').text();
18
+ }).length==0){
19
+ var now=new Date();
20
+ var hhmm=("0"+now.getHours().toString()).substr(-2)+":"+("0"+now.getMinutes().toString()).substr(-2);
21
+ $('.NewsList').prepend($(news).find('span.Time').html(hhmm).end());
22
+ }
23
+ });
24
+ });
25
+ ```
26
+ ```HTML
27
+ <button id="button"> ボタン </button>
28
+
29
+ <!-- 新着ニュース -->
30
+ <ul class="List NewsList">
31
+ <li><span class="Time">10:43</span><a href="http://">aa</a></li>
32
+ <li><span class="Time">10:39</span><a href="http://">aaa</a></li>
33
+ <li><span class="Time">10:36</span><a href="http://">aaaa</a></li>
34
+ </ul>
35
+ ```