使用字符串方法处理内部html,然后将其放置在具有重复数据的页面中

p

我正在尝试处理WordPress插件生成的内容,以使其与网站其余部分的样式匹配。每个数据块(一个页面上有30个块)具有许多带有各种类名的标签。
这是一个例子:

<div class="sa_widget_sermons_row">
    <div class="sermon">
        <div class="sa_widget_title">
            Title_text
        </div>
        <div class="info">
            Speaker_Name, Date&nbsp;|&nbsp;Series&nbsp;|&nbsp;Topic
        </div>
    </div>
</div>
...repeat again for the next set of data...

如果我使用类似以下jQuery的内容:

$('.sa_widget_sermons_row > .info').html($('.sa_widget_sermons_row > .info').html().replace(/\|/g, '<br/>'));

...取代了| 但会在每个div.info中放入相同的数据(第一组)。

我尝试使用each()函数无济于事。并在上述目标参数中使用“ this”将其破坏。

我如何获取它来检索内部html,对其进行处理并将其放回原处?

注意:如果有帮助的话-整个块集也都包装在div.sa_widget_content中。

阿德内

您可以使用回调

$('.sa_widget_sermons_row .info').html(function(_, html) {
    return html.replace(/\|/g, '<br/>');
});

或循环

$('.sa_widget_sermons_row .info').each(function() {
    $(this).html( $(this).html().replace(/\|/g, '<br/>') );
});

定位每个元素,而不是一次定位所有元素。

请注意,这.info不是的直接子项.sa_widget_sermons_row,因此.sermon它们之间有一个元素,因此请删除“直接子选择器”(>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

Java 8的字符串重复数据删除功能

来自分类Dev

lua-检查字符串中的重复数据

来自分类Dev

使用字符串作为HTML

来自分类Dev

Oracle PL SQL删除字符串中的重复数据

来自分类Dev

使用字符串调用Java中的方法

来自分类Dev

正则表达式避免在分隔字符串中重复数据?

来自分类Dev

具有多个参数的Android复数字符串

来自分类Dev

创建初始重复数据的嵌套字符串数组的最有效方法是什么?

来自分类Dev

创建初始重复数据的二维字符串数组的最有效方法是什么?

来自分类Dev

有没有有效的方法来使用字符串格式并仍然为sqlite3清除Python代码中的数据?

来自分类Dev

使用字符串作为Python中的切片索引?(TypeError:切片索引必须为整数或无,或具有__index__方法)

来自分类Dev

有什么有效的方法可以对一组大于一百万的字符串进行重复数据删除?

来自分类Dev

根据其他列中的重复数据更改列中的字符串

来自分类Dev

确定R中字符串中的重复数字

来自分类Dev

确定R中字符串中的重复数字

来自分类Dev

确定R中字符串中的重复数字

来自分类Dev

确定R中字符串中的重复数字

来自分类Dev

xslt按子字符串重复数据删除

来自分类Dev

创建初始重复数据的嵌套字符串数组的最有效方法是什么?

来自分类Dev

创建初始重复数据的二维字符串数组的最有效方法是什么?

来自分类Dev

有没有有效的方法来使用字符串格式并仍然为sqlite3清除Python代码中的数据?

来自分类Dev

lua-检查字符串中的重复数据

来自分类Dev

使用字典进行重复数据删除的更好方法?

来自分类Dev

使用字符串作为HTML

来自分类Dev

为什么直接使用print()方法存储数据比将其存储在字符串中然后写入文件要快?

来自分类Dev

防止角度返回重复数组中的字符串

来自分类Dev

使用字符串调用Java中的方法

来自分类Dev

使用pentaho排除具有特定值的数据[字符串中的子字符串]

来自分类Dev

使用字符串调用方法

Related 相关文章

  1. 1

    Java 8的字符串重复数据删除功能

  2. 2

    lua-检查字符串中的重复数据

  3. 3

    使用字符串作为HTML

  4. 4

    Oracle PL SQL删除字符串中的重复数据

  5. 5

    使用字符串调用Java中的方法

  6. 6

    正则表达式避免在分隔字符串中重复数据?

  7. 7

    具有多个参数的Android复数字符串

  8. 8

    创建初始重复数据的嵌套字符串数组的最有效方法是什么?

  9. 9

    创建初始重复数据的二维字符串数组的最有效方法是什么?

  10. 10

    有没有有效的方法来使用字符串格式并仍然为sqlite3清除Python代码中的数据?

  11. 11

    使用字符串作为Python中的切片索引?(TypeError:切片索引必须为整数或无,或具有__index__方法)

  12. 12

    有什么有效的方法可以对一组大于一百万的字符串进行重复数据删除?

  13. 13

    根据其他列中的重复数据更改列中的字符串

  14. 14

    确定R中字符串中的重复数字

  15. 15

    确定R中字符串中的重复数字

  16. 16

    确定R中字符串中的重复数字

  17. 17

    确定R中字符串中的重复数字

  18. 18

    xslt按子字符串重复数据删除

  19. 19

    创建初始重复数据的嵌套字符串数组的最有效方法是什么?

  20. 20

    创建初始重复数据的二维字符串数组的最有效方法是什么?

  21. 21

    有没有有效的方法来使用字符串格式并仍然为sqlite3清除Python代码中的数据?

  22. 22

    lua-检查字符串中的重复数据

  23. 23

    使用字典进行重复数据删除的更好方法?

  24. 24

    使用字符串作为HTML

  25. 25

    为什么直接使用print()方法存储数据比将其存储在字符串中然后写入文件要快?

  26. 26

    防止角度返回重复数组中的字符串

  27. 27

    使用字符串调用Java中的方法

  28. 28

    使用pentaho排除具有特定值的数据[字符串中的子字符串]

  29. 29

    使用字符串调用方法

热门标签

归档