如何在这个JQuery中添加html属性

时间:2009-12-18 05:52:12

标签: jquery

我还是这个领域的新人,几乎没有问题。

我从这个网站获得了JQuery: http://goskylar.com/wp-content/demos/jquery.hyphenate/

这解决了我关于连字符的问题。 但是,当我输入一些html标签,例如< strong>或者< u>结果显示没有效果。 我的问题是:
我应该在何处以及如何为css attribut添加函数,以便它可以显示< strong>或者< u>结果

- 编辑 -

<script>
(function($){$.fn.hyphenate=function(options) {
   settings=$.extend({oWidth:this.width()},options);

return this.each(function(){
  $(this).css({
    'width':settings.oWidth,
    'display':'block'
  });
  var str='';
  $.each($(this).text().split(' '),function(i,chunk){str+=splitChunk(chunk)+' ';});
  $(this).html(str);    
});

function splitChunk(str){
  if($('<span></span>').text(str).hide().appendTo(document.body).width() > settings.oWidth)
  {var s=''; var i=0;
    while(i < str.length)
    {
      s+=(str.slice(i,++i)+'&shy;');
    }
    return s;
  }
  else
    return str;
    }
  };

})(jQuery);
</script>

<html>
<head>
<title>Hyphenation</title>
</head>
<body>

<script>
jQuery(document).ready(function(){
    $('#d4').hyphenate({oWidth:158});
});
</script>

<div id="d4">this will start with <u>spaces and this firstthisi<strong>sareallylongsentence</strong>withlotsots</u>andlotsofwords</div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

关于#2,您想要在元素上添加/更改属性吗? jQuery doc and example

有关jQuery Attributes

的更多信息

关于#1,你能详细说明吗?你在说什么询问?