jquery中怎么设定table中td内容自动换行

jquery中怎么设定table中td内容自动换行,第1张

1、 页面中设置table宽度,一般如果字符串长度超过设置的单元格宽度后 会自动换行。但是如果字符串中没有空格以及标点符号它不会自动换行的。

字符串已经超过设置的单元格宽度

但是就是没有换行。如果字符串中有空格或者标点符号就可以。汉字组成的字符可以实现自动换行就算没有任何符号空格都行。如果纯字母组成的字符串就不行。

2、 下面这种情况也是 使用上面的代码调整过来的。

3、页面table中一行两列,但是虽然设置了左边td的宽度,但是丝毫不起作用。设置右边td的宽度亦如此,但是在table中加上上面加粗红色属性即可。

jquery的 text()仅能读取出xml中不含标签的文字部分。

而 html() 办法也绝对读不出xml中的标签。

现在给你两种解决办法:

办法一,不用ajax,而用jquery的load()办法。前提是你知道load()怎么用。

将你需要读取的的xml代码块外面套一层html标签,比如div什么的,再给他加个ID,比如:

<info>

<div id="xxx">

小牛情侣纸巾套,很可爱的一对小情侣哦!<br />

赶快领回家吧!<br />

超软的面料,超可爱的造型,冷冷的冬天抱在手上也是<br />

很享受的事情哦!</div></info>

这样,用

$("选择器").load("xml文件的url #xxx")

就可以读出。

这办法有2种缺点。

一,这办法不是ajax,虽然有点像

二,需要改动xml原文件。

办法二,使用一小段jquery插件:

/**

* jQuery xml plugin - Converts XML node(s) to string

* Dual licensed under the MIT and GPL

* Copyright (c) 2009 Radim Svoboda

* @version 1.0.0

*/

jQuery.fn.xml=function(all){var s=""if(this.length)

(((typeof all!='undefined')&&all)?this:jQuery(this[0]).contents()).each(function(){s+=window.ActiveXObject?this.xml:(new XMLSerializer()).serializeToString(this)})return s}

以上为插件代码。

使用以上代码后,就可以使用ajax读取xml文件中的文字和标签了。比如:

$.get('xml文件url',function(data){$('选择器').html($(data).find('info').xml(0))})

其中xml()括号里有两个参数0和1可以选。

0代表读取 info标签里面的内容

1代表读取 info标签以及标签里面的内容

这种办法,缺点暂时没发现。

好了,我写了那么多,分给我吧?


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11665438.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存