阅读更多InnerHTML

时间:2016-10-09 01:18:59

标签: javascript jquery html dom

你可以帮帮我吗? 我有一个jQuery函数,根据大小选择显示或多或少的文本和按钮。 问题是我不知道从InnerHTMl传递什么。这是一个例子。我尝试使用de TEXTT变量,但这不起作用。例如,如果我从HTML传递文本,则可以使用。

function write(y) {
  var textt = (document.getElementById(y).innerHTML += document.querySelector( "#"+ y +" textarea" ).value);
  $.fn.gotof(textt);
}

$.fn.gotof = function(pe){

  var minimized_elements = $(pe);

  minimized_elements.each(function(){    
    var t = $(this).text();        
    if(t.length < 10) return;

    $(this).html(
      t.slice(0,10)+'<span>... </span><a href="#" class="more">More</a>'+
      '<span style="display:none;">'+ t.slice(10,t.length)+' <a href="#" class="less">Less</a></span>'
    );
  }); 

  $('a.more', minimized_elements).click(function(event){
    event.preventDefault();
    $(this).hide().prev().hide();
    $(this).next().show();        
  });

  $('a.less', minimized_elements).click(function(event){
    event.preventDefault();
    $(this).parent().hide().prev().show().prev().show();    
  });
};

0 个答案:

没有答案