【问题标题】:Insert html based on contain基于包含插入html
【发布时间】:2015-05-05 20:15:41
【问题描述】:


在这种情况下,我有一个页面,其中将加载所有不同类型的内容(例如:5 个不同的服装目录)。

我正在寻找一种基于标题中特定文本插入 html 的方法。 我知道这是不对的,但这可能会让你知道我在做什么。

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

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

谢谢!!!

【问题讨论】:

  • 你目前有什么问题?
  • 它只是不工作。该页面可以正常加载,但是当有问题的内容存在时,H3 将无法加载。
  • 有没有我们可以看看html

标签: javascript jquery html insert contain


【解决方案1】:

您可以根据contains 条件append img:

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

JS Fiddle

【讨论】:

  • 如果您希望图像在文本之前“插入”,您可以使用prepend()
【解决方案2】:

我想你想要这个:

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

【讨论】:

    猜你喜欢
    • 2016-12-14
    • 1970-01-01
    • 2017-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多