Question

我对现有脚本有新问题：得到if / else工作并正确替换#id。现在我想再添加一个条件来检查日期是否已过期。我在jsfiddle中的示例工作，不知何故它在我的实际临时站点中不起作用，假设要显示的#id出现几秒钟然后消失。这是jsfiddle sample

是的，我在页面中包含了jQuery。

感谢这里有任何专家帮助我。

===========

我是jQuery的新手，感谢你能帮我解决以下问题：我在页面中有以下标记。如果页面在document.ready上检测到此属性[href =“/ my / categories / happy]，如何删除#normal并仅使用if else语句显示#special或反之亦然

<div class="pane-content">
  <ul>
    <li class="taxonomy-term-reference-0"><a href="/my/categories/sad"> Sad</a>, <a href="/my/categories/happy">Happy</a>, <a href="/my/categories/joyful">Joyful</a>
    </li>
  </ul>
</div>

<div id="normal ">
  <h4>Normal</h4>
</div>

<div id="special ">
  <h4>Special</h4>
</div>

Answer 1

使用 toggle() 方法和attribute equals selector执行此操作。

＆＃13;

var ln = $('[href="/my/categories/happy"]').length === 0;

$('#normal').toggle(ln);
$('#special').toggle(!ln);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pane-content">
  <ul>
    <li class="taxonomy-term-reference-0"><a href="/my/categories/sad"> Sad</a>, <a href="/my/categories/happy">Happy</a>, <a href="/my/categories/joyful">Joyful</a>
    </li>
  </ul>
</div>

<div id="normal">
  <h4>Normal</h4>
</div>

<div id="special">
  <h4>Special</h4>
</div>

＆＃13;

Answer 2

试试这个..

$(document).ready(function() {
  console.log('Spacific href found', $('a[href="/my/categories/happy"]').length == 1 ? true : false)
  if ($('a[href="/my/categories/happy"]').length) {
    $('#normal').remove();
  } else {
    $('#special').remove();
  }
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pane-content">
  <ul>
    <li class="taxonomy-term-reference-0"><a href="/my/categories/sad"> Sad</a>, <a href="/my/categories/happy">Happy</a>, <a href="/my/categories/joyful">Joyful</a>
    </li>
  </ul>
</div>

<div id="normal">
  <h4>Normal</h4>
</div>

<div id="special">
  <h4>Special</h4>
</div>

＆＃13;

{{1}}

＆＃13;

jQuery if / else语句，删除id

2 个答案: