根据包含插入html

Question

在这种情况下，我有一个页面，它将加载所有不同类型的内容（例如：5 种不同的服装目录）。

我正在寻找一种方法来根据 header 中的特定文本插入 html。我知道这是不对的，但这可能会让您了解我正在尝试做什么。

$jq(document).ready(function(){
  $jq("h3:contains('Men')").insertBefore("<img src='images/men.png'>");
});

我想要的最终结果是能够根据 header 的特定文本在同一页面上加载不同的图像。

谢谢！！！

Answer 1

我想你想要这个：

$jq(document).ready(function(){
  if($jq('h3').text() == "Men")
    $jq('h3').insertBefore("<img src='images/men.png'>");
});

Answer 2

您可以 append 基于 contains 条件的 img：

$("h3:contains('Men')").append("<img src='images/men.png'>");

Insert html based on contain