javascript-jQuery-HTML div选择-仅选择一个

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery-HTML div选择-仅选择一个，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1393字，纯文字阅读大概需要2分钟。

内容图文

我对jquery很陌生,这是我的第一个问题.请原谅.
我现有以下html页面结构-

<div class="button-footer" data-role="footer"....>
  <div class="class1" data-role="navbar">
     <ul>
          <li>//these are buttons button 1
           <li>//button 2
     </ul>
  </div>
</div>

现在,我需要执行以下操作-
我需要根据某些条件使用不同的ul,即如果条件为true,则用另一个替换整个静态ul.如何继续？替换静态ul列表应放在同一html或js文件中的哪个位置？我很困惑,请看一下.很感谢任何形式的帮助.
到目前为止,这是我尝试过的

<div class="button-footer" data-role="footer"....>
  <div class="class1" data-role="navbar">
     <ul>
          <li>// button 1
           <li>//button 2
     </ul>
  </div>
<div class="class2" data-role="navbar">
     <ul>
          <li>// button 3
           <li>//button 4
     </ul>
  </div>
</div>

然后在.js页面中,我这样做了-

 if(condition)
    $( ".class1" ).remove();

else
   $( ".class2" ).remove();

根据我的意思是,由于两个ul都是静态的,所以为什么不将它们放在html本身中并执行删除操作？这是否有意义？

解决方法:

在jQuery中使用replaceWith

.replaceWith()方法从DOM中删除内容,并通过一次调用将新内容插入其位置.

var cond = "3";
if (cond == "2") {

    $(".customul").replaceWith("<ul><li>hello </li> </ul>");

} else if (cond == "3") {

    $(".customul").replaceWith("<ul><li>hello user </li> </ul>");
} else

{
    $(".customul").replaceWith("<ul><li>hi </li> </ul>");

}

<div class="button-footer" data-role="footer">
    <div class="class1" data-role="navbar">this is data-role div
        <div class="customul">
            <ul>
                <li>hi</li>
            </ul>
        </div>
    </div>
</div>

http://jsfiddle.net/4ZS8g/1/

内容总结

以上是互联网集市为您收集整理的javascript-jQuery-HTML div选择-仅选择一个全部内容，希望文章能够帮你解决javascript-jQuery-HTML div选择-仅选择一个所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端