Javascript to Jquery?

本文关键字：Jquery to Javascript 更新时间：2023-09-26

我现在在房地产网站上工作。到目前为止，一切都很顺利。我在一个网站上找到了一个javascript代码，它也可以正常工作。

我认为最好有一个JQUERY（而不是javascript），因为不是每个浏览器都支持javascript等（如果我错了，请纠正我）。

有人可以帮助我将这段代码转换为jquery吗？

谢谢！！

它是以下代码：

<script>
function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}
    </script>

         <div style="">
            <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');" >toggle</a>
            <a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');" >toggle</a>
            <a id="myHeader3-2" href="javascript:showonlyonev2('newboxes3-2');" >toggle</a>
         </div>
         <div class="newboxes-2" id="newboxes1-2" style="display: block"><?php the_content();?>
    </div>
         <div class="newboxes-2" id="newboxes2-2" style="display: none;">Div #2</div>
         <div class="newboxes-2" id="newboxes3-2" style="display: none;">Div #3</div>

如果我错了，请纠正我

你错了。JQuery 是一个库，它使使用 JavaScript 做某些事情变得更容易。你使用 JQuery 作为 JavaScript 程序的一部分，而 JQuery 是用 JavaScript 编写的。

我不认为你的其余问题站得住脚，假设你在这里给出的 JavaScript 确实有效并做你想要它做的事情。

你可以试试这段代码：

<script>
jQuery('.myheader').click(function(){
jQuery.find('div').each(function(){
if(jQuery(this).attr('class')=='newboxes-2'){
if(jQuery(this).attr('id')=='thechosenone'){
if(jQuery(this).attr('display')=='block'){
jQuery(this).attr('display','none')
}else{
jQuery(this).attr('display','block')
}
}else{
jQuery(this).attr('display','none')
}
}
});
});
 </script>