Javascript jQuery在更改问题上获取div文本

这是我的看法

<div class="product-sort-section flex-row flex-justify flex-center"><span></span>
          <div class="custom-select">

              <div class="select_cat select-title">Cортировать</div>
                <ul class="dropdown select-list">   
                   @foreach ($categories as $category)
                     <li>
                       <a class="dropdown-item" href="{{ route('front.category.ru', $category->slug) }}">{{ $category->name }}</a>
                     </li> 
                   @endforeach
                </ul>                      

          </div>            
        </div>        

Cааааааа

@foreach（$categories作为$category）


@endforeach

当div文本随jquery更改时，我会尝试获取它

<script>
    $(document).ready(function(){
       $('.select_cat').on("DOMSubtreeModified",function(){
         var cat = $(".select_cat").html();
         console.log(cat.trim());
      });

    });
</script>

$（文档）.ready（函数（）{
$（'.select_cat'）。在（“domsubertreemodified”，function（）上{
var cat=$（“.select_cat”）.html（）；
控制台日志（cat.trim（））；
});
});

---

当我尝试将div文本保留到浏览器日志时，我得到两个字符串，一个是空的，另一个是需要的类别名称，但有一些空格。如何在脚本中仅获取div文本？谢谢您的回答。

使用

text

方法而不是

html

<script>
    $(document).ready(function(){
       $('.select_cat').on("DOMSubtreeModified",function(){
         var cat = $(".select_cat").text();
         console.log(cat.trim());
      });

    });
</script>

---

使用

text

方法代替

html

<script>
    $(document).ready(function(){
       $('.select_cat').on("DOMSubtreeModified",function(){
         var cat = $(".select_cat").text();
         console.log(cat.trim());
      });

    });
</script>

---

忘了提及，CöССиаааааааа取

列表中选择的任何内容如果从列表中选择或取消选择某个内容，则可以更改触发器，并获取“选择类别”文本。无论如何，当从列表中选择某个内容时，如何将文本放入div.select类别？忘了提及，如果从列表中选择或取消选择某个内容，您可以更改触发器并获取select_cat文本。不管怎样，当从列表中选择某个内容时，您如何将该文本放入div.select_cat？这是一个Jquery错误或其他东西，但Jquery正在这样修改。首先，它清除div的内容，然后添加新内容，您可以使用香草javascript来实现这一点。首先，它清除div的内容，然后添加新内容，您可以使用香草javascript来实现这一点。