Javascript 如何通过jQuery在两个特定id之间隐藏内容？

我必须在两个ID不同的分区之间隐藏所有内容

例如：

<div id="a1">Hi</div>
<div>Some Random Text</div>
<div id="a2">Hello</div>

像上面的例子一样，我想隐藏id a1和a2之间的div。

与一起使用

$'a1'.hide.nextAll.eachfunction{ $this.hide； 如果$this.attr'id'='a2'{ 返回false； } }; 你好 你好 一些随机文本 你好 再见与连用

$'a1'.hide.nextAll.eachfunction{ $this.hide； 如果$this.attr'id'='a2'{ 返回false； } }; 你好 你好 一些随机文本 你好

---

再见您可以使用。一行：

$("#a1").nextUntil("#a2").hide();

例如：

$(document).ready(function() {
  $("#hide").click(function() {
    var hideElement = $("#a1").nextUntil("#a2");
    hideElement.hide();
  });
});

你好 一些随机文本 一些随机文本 你好 隐藏

---

请注意，nextUntil不包括散乱的文本节点，有关解决方案，请参阅。

您可以使用。一行：

$("#a1").nextUntil("#a2").hide();

例如：

$(document).ready(function() {
  $("#hide").click(function() {
    var hideElement = $("#a1").nextUntil("#a2");
    hideElement.hide();
  });
});

你好 一些随机文本 一些随机文本 你好 隐藏

---

请注意，nextUntil不包括散乱的文本节点，有关解决方案，请参阅。

您好，现在您可以将其隐藏在css中

a1，a1~a2{显示：无；} 你好 一些随机文本

---

您好您好，现在您可以将其隐藏在css中

a1，a1~a2{显示：无；} 你好 一些随机文本

---

Hello如果控件都是同级，则可以使用.nextUntil或.prevUntil jQuery选择器。有关详细信息，请参阅或。

---

但是，如果控件不共享同一父控件，则没有简单的选择器。您必须创建一个方法来查找控件的父控件，可能还有它们的父控件等。

如果控件都是同级控件，您可以使用.nextUntil或.prevUntil jQuery选择器。有关详细信息，请参阅或。 但是，如果控件不共享同一父控件，则没有简单的选择器。您必须创建一个方法来查找控件的父控件，可能还有它们的父控件等。

使用简单的jquery

$("#a1+div").hide(); 

或者使用css

#a1+div{
display: none;
}

如果要删除这两个div之间的所有内容，请尝试以下操作

$("#a1").nextAll().each(function(){
    if($(this).attr("id") != "a2"){
        $(this).hide();
    }
    else{
        //element found with id 'a2' so exit;
        return false;
    }
});

使用简单的jquery

$("#a1+div").hide(); 

或者使用css

#a1+div{
display: none;
}

如果要删除这两个div之间的所有内容，请尝试以下操作

$("#a1").nextAll().each(function(){
    if($(this).attr("id") != "a2"){
        $(this).hide();
    }
    else{
        //element found with id 'a2' so exit;
        return false;
    }
});

---

它只是使用元素id和隐藏函数

$document.readyfunction{ $a1，a2.5； }; 你好 一些随机文本

---

Hello只需使用元素id和隐藏函数即可

$document.readyfunction{ $a1，a2.5； }; 你好 一些随机文本

---

Hello如果只使用css进行隐藏会更好

a1、a2{ 显示：无； } 你好 一些随机文本

---

Hello如果只使用css进行隐藏会更好

a1、a2{ 显示：无； } 你好 一些随机文本

---

Helloi如果你比css a1，a2{display:none；}直接隐藏，如果你比css a1，a2{display:none；}直接隐藏，你能把它编辑得更便于携带吗？比如当ID更改时？请在下一票时留下评论以改进答案。@TomášZato您只需要适当地更改选择器。您能将其编辑为更便于携带吗？比如当ID更改时？请在下一票时留下评论以改进答案。@TomášZato您只需要适当地更改选择器。