如何使用Resharper的结构化搜索添加一个3级深度的新div？

Question

例如，在下面的html中，找到所有div代码，class等于bar，父亲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，其类为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$>