使用 jquery 查找和删除 div 中的文本

Question

我在尝试在 jquery 模式中查找文本并将其删除时遇到问题。

<div id="layer-303" class="layer">
    <div id="boton_cerrar" class="cerrar" onclick="javascript:void(cerrarLayer('layer-303'));">cerrar</div>
        <div class="cnt_sin_pst">
            <div id="id_pst_layer_0" class="pst_contenido">
                <div class="mod mod100">
                    '','canal'=&gt;'null','seccion'=&gt;'null','canal_name'=&gt;'internet2015'); ?&gt;<div class="pill">
                    <div class="contentweb">

div mod mod100 中的文本是我试图查找和删除的内容。我使用了以下内容，但它删除了模态框内的所有 html。

$(".layer:contains(''','canal'=>'null','seccion'=>'null','canal_name'=>'internet2015'); ?>')").remove()

打开模式时出现的确切文本是：'','canal'=>'null','seccion'=>'null','canal_name'=>'internet2015'); ?>

Answer 1

为了保留剩余的内容-您只想删除该文本（假设它始终是该内容-最好的解决方案是找到插入它的原因并删除该原因-但是您可以做的是只需替换有问题的文本字符串，而不会破坏其他 html 内容。

var content  = $('.mod.mod100').html();
    
    var str = "'','canal'=>'null','seccion'=>'null','canal_name'=>'internet2015'); ?>";
    
    $('.mod.mod100').html(content.replace(str, ''));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="layer-303" class="layer">
    <div id="boton_cerrar" class="cerrar" onclick="javascript:void(cerrarLayer('layer-303'));">cerrar</div>
         <div class="cnt_sin_pst">
            <div id="id_pst_layer_0" class="pst_contenido">
                <div class="mod mod100">
 '','canal'=&gt;'null','seccion'=&gt;'null','canal_name'=&gt;'internet2015'); ?&gt;<div class="pill">
                    <div class="contentweb">
                    </div>
                  </div> 
                </div>
              </div>
            </div>
          </div>