如何在指定div变为空时执行jQuery函数（非页面加载阶段）

当然有办法搞定这个需求！考虑到你的场景是动态删除复选框选项，我们需要兼顾页面加载完成后的初始检测，以及后续DOM变化时的实时检测。下面是具体的实现思路和代码：

1. 页面加载完成后的初始检测 #

首先要确保DOM完全渲染完毕再做检测，避免因为元素还没加载导致误判。用原生JS的DOMContentLoaded事件就能实现：

document.addEventListener('DOMContentLoaded', function() {
  // 替换成你的目标div的ID
  const targetDiv = document.getElementById('checkbox-container');
  checkIfDivNeedsAction(targetDiv);
});

// 核心检测函数
function checkIfDivNeedsAction(divElement) {
  // 检测div内是否还有可用的复选框
  const hasCheckboxes = divElement.querySelector('input[type="checkbox"]') !== null;
  // 同时检测是否没有任何可见文本（避免空格/换行干扰）
  const hasVisibleContent = divElement.textContent.trim() !== '';

  if (!hasCheckboxes && !hasVisibleContent) {
    // 这里调用你要执行的指定函数
    runYourCustomFunction();
  }
}

// 替换成你的实际业务逻辑函数
function runYourCustomFunction() {
  console.log('检测到div为空！开始执行指定操作...');
  // 比如：提示用户、隐藏相关区域、提交表单等
  alert('当前没有可用选项，请调整之前的表单填写内容！');
}

2. 监听动态DOM变化（关键步骤） #

因为你的复选框是在填写表单字段后动态被删除的，只做初始检测肯定不够。这里推荐用原生的MutationObserverAPI，它能监听DOM元素的变化（比如子元素增减），一旦选项被删除就立刻触发检测：

document.addEventListener('DOMContentLoaded', function() {
  const targetDiv = document.getElementById('checkbox-container');
  // 先执行一次初始检测
  checkIfDivNeedsAction(targetDiv);

  // 创建MutationObserver实例，监听子元素变化
  const observer = new MutationObserver(function(mutations) {
    // 每次DOM变化后重新检测
    checkIfDivNeedsAction(targetDiv);
  });

  // 配置监听规则：监听子元素的添加/删除，以及子树的变化
  const observerOptions = {
    childList: true,
    subtree: true
  };

  // 启动监听
  observer.observe(targetDiv, observerOptions);
});

3. 更精准的表单字段监听（可选） #

如果你明确知道是哪些表单字段触发了选项删除，也可以直接监听这些字段的输入事件，这样比监听整个DOM变化更高效：

document.addEventListener('DOMContentLoaded', function() {
  const targetDiv = document.getElementById('checkbox-container');
  // 替换成触发选项变化的表单字段选择器
  const triggerFields = document.querySelectorAll('input[name="compatibility-field"], select[name="category"]');

  // 给每个触发字段添加输入监听
  triggerFields.forEach(field => {
    field.addEventListener('input', function() {
      // 字段变化时立刻检测div状态
      checkIfDivNeedsAction(targetDiv);
    });
  });

  // 初始检测
  checkIfDivNeedsAction(targetDiv);
});

小提示 #

• 记得把代码中的checkbox-container替换成你实际的div ID
• 如果你的div里还有其他辅助元素（比如提示文字），可以调整checkIfDivNeedsAction的检测逻辑，比如只判断是否存在复选框
• MutationObserver兼容性很好，支持所有现代浏览器，甚至包括IE11

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