Jquery 在所有设备（ipad/iphone/android）上（而不是在桌面浏览器上）显示包含内容的附加div的最佳方式是什么

我的代码中有两个div块

1. <div class="for-devices">

    //some additional elements

   </div>

2. <div class="for-desktops">

     //some additional elements

   </div>

1。
//一些附加元素
2.
//一些附加元素

我的问题是，对于设备显示，对于设备显示div，对于台式机显示，对于台式机显示的最佳方式是什么。如果从设备访问页面，则应删除桌面的div，如果从桌面访问页面，则应删除设备的div

var UserAgent = navigator.userAgent.toLowerCase(); function DetectDevice() { if (UserAgent.search("ipad") > -1 || UserAgent.search("iphone") > -1 || UserAgent.search("android") > -1){ // Code for above devices } } DetectDevice(); var UserAgent=navigator.UserAgent.toLowerCase（）； 函数检测设备（） { if（UserAgent.search（“ipad”）>-1 | | UserAgent.search（“iphone”）>-1 | | UserAgent.search（“android”）>-1）{ //上述设备的代码 } } 检测设备（）；

---

检查右侧的相关问题。。。。你的答案就在那里。可能是