【问题标题】:JQuery change the text to headingJQuery将文本更改为标题
【发布时间】:2013-09-09 08:33:53
【问题描述】:

我有一个名为 <form>(没有 id)的名称,其中包含一些文本和输入元素。我需要将文本的格式更改为标题样式。

<form name="myform">
    <br/>
    Text Snippet #1<br/>
    <input type="text"><br/>
    <br>Text Snippet #2</br><br/>
    <input type="text">`<br/>
</form>`<br/>

所以在上面的例子中,文本片段#1 和 2 应该用 &lt;h1&gt;Text Snippet #1&lt;/h1&gt;&lt;br&gt;&lt;h1&gt;Text Snippet #2&lt;/h1&gt;&lt;/br&gt;

【问题讨论】:

  • 您不需要结束
    标记。
  • 这里没看到问题,能不能不直接编辑源代码?

标签: jquery css text formatting


【解决方案1】:

你可以.filter().wrap() 他们:

$('form[name=myform]').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue).length;
}).wrap('<h1/>');

http://jsfiddle.net/AWJs4/

【讨论】:

  • 那行得通,为了性能,省略 $.trim(this.nodeValue).length 检查是否安全?
  • @PavanLulla 好吧,删除那部分并不会改变太多性能,它只是修剪匹配的textNodes 的值,如果你省略它,你将有空的标题元素。跨度>
猜你喜欢
  • 2018-09-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-14
  • 1970-01-01
  • 2010-12-09
相关资源
最近更新 更多