当前位置：文江博客话题详情

查找自定义“分隔线”； >相应地包裹每一侧

发布于 2024-11-28 10:11:11 字数 669 浏览 1 评论 0原文

我正在寻找一种方法来定位文档中的特定标记，例如 !divide! 或 --divide-- 书写语言中通常不存在的东西由正常人类编写，但不需要火箭科学家就能想象出一些东西，而且又与常规文本不同。

然后定位 !divide! 并在删除 !divided! 的同时换行文本。像这样：

Lorem ipsum dolor !divide! sat amet 变为>>

Lorem ipsum dolor

sit amet

和

Lorem ！划分！ ipsum dolor！分裂！ sat amet 变为>>

Lorem

ipsum dolor

sit amet

这是.. 嗯，这就是我到目前为止所拥有的。最重要的是，我试图将我的想法集中在一起，并尝试告诉我我在这里寻找什么： http:// /jsfiddle.net/PvMJL/2/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

套路撩心 2024-12-05 10:11:12

如果您有嵌套 .TextCont 元素，这将避免出现问题。如果这种情况不会发生，您可以摆脱 not()^[文档] 方法。

var with_dividers = $('.TextCont:contains("--divider--")')
               .not('> .TextCont:contains("--divider--")');


with_dividers.html(function(i,htm) {
    return '<p>' + htm.split('--divider--').join('</p><p>') + '</p>';
});

示例： http://jsfiddle.net/CFLV4/

我更改了你的 ID到类，因为重复的 ID 无效。

编辑：解释一下，在 JavaScript 中，您不需要附加开始和结束标记。您需要考虑处理整个元素。

在上面的代码中， html()^{[docs]< /i>} 方法传递一个函数。函数的返回值是元素的新内容。 htm 参数传递一个当前内容的字符串。

因此，我们所做的就是获取现有内容，并执行 .split('--divider--')，生成一个数组，例如：

['<span>Lorem</span>',
  '<a href="#">ipsum</a>',
  'dolor sit amet.'
]

如您所见，-- divider-- 文本已被删除，并且字符串在 --divider-- 所在位置进行了拆分。

然后我们对数组执行 .join()，使用 '

' 作为连接文本，给出：

'<span>Lorem</span></p><p><a href="#">ipsum</a></p><p>dolor sit amet.'

...但是当然，我们缺少开始和结束标记，因此我们将它们添加到开头和结尾，因此我们的代码：

'<p>' + htm.split('--divider--').join('</p><p>') + '</p>'

...最终给我们：

'<p><span>Lorem</span></p><p><a href="#">ipsum</a></p><p>dolor sit amet.</p>'

这是函数的返回值，因此成为新内容。

This will avoid issues if you have nested .TextCont elements. If that won't happen, you can get rid of the not()^[docs] method.

var with_dividers = $('.TextCont:contains("--divider--")')
               .not('> .TextCont:contains("--divider--")');


with_dividers.html(function(i,htm) {
    return '<p>' + htm.split('--divider--').join('</p><p>') + '</p>';
});

Example: http://jsfiddle.net/CFLV4/

And I changed your IDs to classes since duplicate IDs are invalid.

Edit: To explain, in JavaScript, you don't append opening and closing tags. You need to think in terms of dealing with whole elements.

In the code above, the html()^[docs] method is passed a function. The return value of the function is the new content of the element. The htm parameter is passed a String of the current content.

So what we do is take the existing content, and do a .split('--divider--'), resulting in an Array, like:

['<span>Lorem</span>',
  '<a href="#">ipsum</a>',
  'dolor sit amet.'
]

As you can see, the --divider-- text has been removed, and the string split where the --divider-- was.

Then we do a .join() on the Array, using '</p><p>' as the join text, giving us:

'<span>Lorem</span></p><p><a href="#">ipsum</a></p><p>dolor sit amet.'

...but of course we're missing our opening and closing tags, so we add those to the beginning and end, so our code:

'<p>' + htm.split('--divider--').join('</p><p>') + '</p>'

...ultimately gives us:

'<p><span>Lorem</span></p><p><a href="#">ipsum</a></p><p>dolor sit amet.</p>'

That is the return value of the function, and therefore becomes the new content.

回复收藏 0 原文

爱已欠费 2024-12-05 10:11:12

试试这个

var textToSearch = "!divide!"
$('containerSelector:contains("'+ textToSearch +'")').each(function(){
   $(this).html("<p>" + $(this).text().replace(textToSearch, "</p> <p>") + "</p>");
});

Try this

var textToSearch = "!divide!"
$('containerSelector:contains("'+ textToSearch +'")').each(function(){
   $(this).html("<p>" + $(this).text().replace(textToSearch, "</p> <p>") + "</p>");
});

回复收藏 0 原文

~没有更多了~