如何移除包含特定字符串的Ajax动态添加<p>标签？

看起来你遇到的核心问题是目标元素是通过Ajax动态添加到页面的，常规的DOM操作代码如果在元素加载完成前执行，自然找不到目标元素，导致操作无效。咱们一步步来解决这个问题：

首先先明确你的目标元素结构：

<p class="downloadfileexintegradedindb" id="123456789" style="position: absolute; top: 36px; left: 123px;">pasdefichier</p>

方案1：在Ajax回调中执行操作（最可靠） #

既然元素是Ajax动态添加的，最直接的方式就是把移除/隐藏代码放在Ajax请求完成的回调函数里，确保代码执行时元素已经存在于DOM中：

// 示例Ajax请求结构，替换成你实际的请求代码
$.ajax({
  url: '你的请求接口地址',
  success: function(response) {
    // 先把动态内容插入到页面的目标容器中
    $('#你的容器选择器').html(response);
    
    // 现在执行移除操作
    $('.downloadfileexintegradedindb:contains("pasdefichier")').remove();
    
    // 如果只是需要隐藏而不是删除，就用下面这行
    // $('.downloadfileexintegradedindb:contains("pasdefichier")').hide();
  }
});

方案2：监听DOM变化（无法修改Ajax回调时使用） #

如果没办法直接修改Ajax的回调函数，可以用MutationObserver监听DOM的变化，当目标元素被添加后自动执行操作：

// 选择离目标元素最近的静态父容器（不要直接用body，尽量缩小范围提升性能）
const parentContainer = $('#你的静态父容器')[0];

// 创建DOM变化监听实例
const observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    // 检查新增的节点里是否有目标元素
    const targetElements = $(mutation.addedNodes).filter('.downloadfileexintegradedindb:contains("pasdefichier")');
    if (targetElements.length > 0) {
      targetElements.remove();
      // 如果不需要继续监听，可以在这里停止观察
      // observer.disconnect();
    }
  });
});

// 配置监听选项
observer.observe(parentContainer, {
  childList: true,
  subtree: true
});

为什么你之前的代码无效？ #

• removeByContent不是jQuery的内置方法，除非你自己定义过这个函数，否则会直接报错；
• 第二个方法$('.downloadfileexintegradedindb:contains("pasdefichier")').hide()本身逻辑没问题，但如果代码执行时元素还没被Ajax添加到DOM，就找不到元素，自然没有效果；
• 第三个方法语法错误：:contains必须传入文本参数，而且你的目标元素本身就是.downloadfileexintegradedindb类的<p>标签，不需要再用find去查找子元素。

额外提示：精准匹配文本 #

如果需要完全匹配文本（避免误删包含"pasdefichier"字符串的其他元素），可以用filter方法实现精准判断：

$('.downloadfileexintegradedindb').filter(function() {
  // 去除文本前后空白后再匹配
  return $.trim($(this).text()) === 'pasdefichier';
}).remove();

内容的提问来源于stack exchange，提问作者mataka