4

特定の時間が経過するまでdivを非表示にしています。特定の時間が経過すると、対応する時間で特定のdivを表示するようにjQueryに指示しようとしています。

HTML

<div class="content">
    <div class="item" value="00:15">
        <p>Some text</p>
    </div>
    <div class="item" value="00:30">
        <p>More text</p>
    </div>
    <div class="item" value="01:00">
        <p>Even more text</p>
    </div>
</div>

JS

$('.content').children().hide();

// some timer function returning timeElapsed

var myTime = '01:00';
if (timeElapsed == myTime) {
  $('.item').attr('value', myTime).show();
}

.itemで指定されたものではなく、 if ステートメントがトリガーされたときに、すべてのdiv が表示されvar myTimeます。何を変更する必要がありますか？

4

4 に答える 4

4

属性 equals セレクターを使用できます

if (timeElapsed == myTime) {
    $('.item[value='+myTime+']').show();
}
于 2013-05-04T17:34:56.853 に答える
1

これを試して：

if (timeElapsed === myTime) {
  $('.item[value="' + myTime + '"]').show();
}
于 2013-05-04T17:35:10.507 に答える
0 
if (timeElapsed == myTime) {
    $('.item[value=' + myTime + ']').show();
}

また

if (timeElapsed == myTime) {
    $('.item').filter('[value=' + myTime + ']').show();
}

if見た目からすると、ステートメントも必要ありません。

于 2013-05-04T17:53:59.520 に答える