Question

我想让Jquery检测某个div id是否加载到当前页面然后隐藏另一个div id元素，例如：

<div id="A1">some content here</div> //initially this div is visible
<div id="C1" style="display: none;">some content here</div> //initially this div is invisible
<div id="B1">some content here</div>

如果Jquery检测到＃B1被加载到当前页面，则隐藏＃A1并显示＃C1。

非常感谢

Answer 1

$(function () {
    if ($('#B1').length) {
        $('#A1').hide();
        $('#C1').show();
    }
});

Answer 2

if ($("#B1").length > 0) {
  $("#A1").hide();
  $("#C1").show();
}

Answer 3

我假设您在加载文档后加载div，所以，

$('#B1').load('ajax/test.html', function() {
  $('#A1').hide();
  $('#C1').show();

});

如果您不使用jQuery，则可以在#B1元素上实现onreadystatechanged。其他明智的做法准备就绪， $（函数（）{
$（'＃A1" ）隐藏（）。 $（ “＃C1”）显示（）;}）;

Jquery显示/隐藏div元素，具体取决于某些页面元素的加载

3 个答案: