Jquery ajax从字符串中获取特定的div而不进行解析

Question

// Ajax Response data
<div class="body">
  <div class="product-essential">
       // Data needed
  </div>
  <script type="text/javascript">
     // Some javascript code executing
  </script>
</div>   


 jQuery.ajax({
    type: 'POST', 
    url: reqUrl,
    success: function (data) {
            var productData = jQuery(data).find('.product-essential');
    }
});

在这里，我通过ajax调用页面并获取.product-essential元素。

但是当我在data中包装jquery(data)时，它还会解析response data字符串中的脚本标记，这会产生问题。

有没有办法在不解析脚本的情况下获取元素。

Answer 1

您可以尝试使用正则表达式 - https://regex101.com/r/Rg0TLN/1

var productData = jQuery(data.replace(/(<script.*?)(<\/script>)/gs, "")).find('.product-essential');