Question

如果选项卡包含超过540个字符，我试图将div附加到pdpTab5。我将通过模态创建一个“阅读更多...”的情况。

我正在使用此截断文本。但添加div的部分让我感到困惑。如果标签包含少于540个字符，我不想显示div。

<script>
    $(function(){
        var myDiv = $('#pdpTab5');
        myDiv.html(myDiv.html().substring(0,540));
    });
</script>

Answer 1

$(function() {
      var myDiv = $('#pdpTab5'),
          divChars = myDiv.text(),
          shortened = divChars.substring(0, 540) + "... <a href='#' class='readMore'>Read more</a>",
          $new =$(myDiv.clone().html(shortened));


      if (divChars.length > 540) {
          // Perform some action here, not quite sure what you wanted to do 
          myDiv.empty().append($new).find(".readMore").on("click", function() {

              $(this).parent().empty().text(divChars);
          });


      }
 });

Here's the fiddle.

Answer 2

试试这个......

<script>
    $(function(){
        var myDiv = $('#pdpTab5');


        if(myDiv.html().length > 540){
            // create new div
            myDiv.parent().append("<div>" + myDiv.html().substring(540) + "</div>");
        }
        myDiv.html(myDiv.html().substring(0,540));
    });
</script>

仅当charecter的数量超过设定限制时才添加div

2 个答案: