Ant Design Vue a-table id="summaryFormData" 代码$('#summaryFormData').find('tr:contains("现价")').each(function(){ 不生效，没有获取到包含现价的单元格

Ant Design Vue（简称antdv）是基于 Ant Design 和 Vue 的企业级中后台前端/设计解决方案。在使用antdv的`a-table`组件时，如果你发现使用jQuery的代码`$('#summaryFormData').find('tr:contains("现价")').each(function(){ ... }`无法正常工作，可能有以下几个原因：

1. **Vue的虚拟DOM机制**：Vue使用虚拟DOM来管理真实的DOM，直接使用jQuery进行DOM操作可能会导致Vue无法检测到DOM的变化，从而无法更新视图。因此，在Vue中，应当尽量使用Vue的响应式数据和方法来操作DOM。

2. **组件渲染时机**：如果表格还没有被渲染到DOM中，那么jQuery的选择器自然是无法找到对应元素的。确保你执行jQuery代码时，`a-table`已经完全渲染。

3. **选择器的使用范围**：确保你是在正确的范围内使用jQuery选择器。如果`a-table`组件并没有被渲染为一个具有`summaryFormData` ID的DOM元素，那么jQuery选择器自然找不到该元素。

为了解决你的问题，可以尝试以下方法：

- 使用Vue提供的方法来操作DOM，或者使用Vue的`ref`属性来获取对DOM元素的直接引用。
- 确保在组件完全挂载后再执行jQuery代码。可以通过Vue的生命周期钩子如`mounted`来确保DOM已经被渲染。
- 如果你必须要使用jQuery，确保在执行相关操作前，`a-table`已经被渲染到DOM中。

// 使用Vue的方法来处理，例如使用refs
this.$nextTick(() => {
  // 确保DOM更新完毕
  const table = this.$refs.summaryFormData;
  if (table) {
    const rows = table.querySelectorAll('tr');
    rows.forEach(row => {
      if (row.textContent.includes("现价")) {
        // 执行你需要的操作
      }
    });
  }
});