如何使用 Resharper 的结构化搜索添加 3 层深的新 div？

Question

例如，在下面的 html 中，找到所有 class 等于 bar 并且父级 div 等于的所有 div 标签foo.

// leave this code alone
<div class="bar">
  Hello World!
</div>

// Do a structured find and replace on this code only
<div class="foo">
  <div class="bar">
    Hello World Again!
  </div>
</div>

这是我正在使用的 resharper 搜索模式，它没有产生任何结果：

<div class="foo"><div class="bar">$content$</div></div>

替换模式应该添加一个额外的嵌套 div 和 class 的 baz:

<div class="foo"><div class="bar"><div class="baz">$content$</div></div></div>

Answer 1

您的方法似乎是正确的。它对我有用，例如定义这样的模式

使用替换，我们得到

Answer 2

您的搜索模式没有理由不起作用。

这是您的代码

// leave this code alone
<div class="bar">
  Hello World!
</div>

// Do a structured find and replace on this code only
<div class="foo">
  <div class="bar">
    Hello World Again!
  </div>
</div>

你试过

<div class="foo"><div class="bar">$content$</div></div>

如果仍然无法匹配搜索

确保将搜索模式更改为 HTML

尝试以正确的格式更改搜索模式，如下所示（这可能很难。但您可以尝试）

<div class="foo">
  <div class="bar">
    $content$
  </div>
</div>

或者你可以试试

<$tag$ class="foo">
  <$tag$ class="bar">
    $content$
  </$tag$>
</$tag$>

如何使用 Resharper 的结构化搜索添加 3 层深的新 div？

How to use Resharper's Structured Search to add a new div which is 3 levels deep?

resharper

确保将搜索模式更改为 HTML

尝试以正确的格式更改搜索模式，如下所示（这可能很难。但您可以尝试）

或者你可以试试