如何加载除彼此之外的div

加载除彼此之外的div可以通过以下几种方式实现：

1. 使用JavaScript：可以使用JavaScript来操作DOM，通过获取所有的div元素，然后排除目标div，再进行加载。具体步骤如下：
   • 使用document.querySelectorAll()方法获取所有的div元素。
   • 使用Array.from()方法将获取到的NodeList转换为数组。
   • 使用Array.filter()方法排除目标div。
   • 使用innerHTML或者appendChild()方法将剩余的div元素添加到页面中。

示例代码：

const targetDiv = document.getElementById('targetDiv');

const allDivs = Array.from(document.querySelectorAll('div'));

const otherDivs = allDivs.filter(div => div !== targetDiv);

otherDivs.forEach(div => {

 // 使用innerHTML或者appendChild()方法将div添加到页面中

});

1. 使用CSS选择器：可以使用CSS选择器来选择除目标div之外的其他div，并通过CSS样式来隐藏或显示这些div。具体步骤如下：
   • 使用CSS选择器选择除目标div之外的其他div。
   • 使用CSS样式将这些div隐藏或显示。

示例代码：

div:not(#targetDiv) {

 display: none;

}

1. 使用jQuery：如果项目中已经引入了jQuery库，可以使用jQuery的选择器和操作方法来加载除目标div之外的其他div。具体步骤如下：
   • 使用jQuery选择器选择除目标div之外的其他div。
   • 使用jQuery的操作方法将这些div加载到页面中。

示例代码：

const targetDiv = $('#targetDiv');

const otherDivs = $('div').not(targetDiv);

otherDivs.appendTo('body');

以上是加载除彼此之外的div的几种常见方法，根据具体情况选择适合的方法来实现。