javascript - 只需要构建一次查询

Question

我有一个函数，使用 .slidetoggle 折叠 2 个段落，并创建一个 div 来“展开”。该代码工作正常，但我正在尝试将其优化到不需要每次都构建查询的地方。有什么建议吗？

    <script type="text/javascript">
    $(document).ready(function(){

        $(".press_release").each(function(){
            if($(this).children("p").length > 1){
                $('<div><a href="#readmore" class="readmore">Read More&hellip;</a></div>').appendTo($(this));

                $(this).children("p").first().addClass('first-p');
                $(this).children("p").not('.first-p').hide();

                $(this).find('.readmore').click(function(){
                    $(this).parent().siblings('p').not('.first-p').slideToggle(500);
                    return false;
                });
            }

        });
    });
</script>

Answer 1

我会缓存 $(this) 引用，以避免一遍又一遍地重新创建 jquery 对象:

$(".press_release").each(function(){
       var myThis = $(this); 
       if(myThis.children("p").length > 1){
  ....

在整个脚本中使用缓存的引用。