Javascript 如果容器div的字符数较少，则隐藏div

我这样做是为了开发一个阅读更多。如果

#pdpTab4

的字符数小于

540

字符数，如何隐藏read more

<script>
    $(function(){
        var myDiv = $('#pdpTab4');
        myDiv.html(myDiv.html().substring(0,540));
        $('#pdpTab4').append('<div id="readOne">Read More></div>');
</script>

$（函数（）{
var myDiv=$（'pdpTab4'）；
html（myDiv.html（）.substring（0540））；
$（'pdpTab4'）。追加（'readmore>'）；

$（函数（）{
if（$（'#pdpTab4'）.html（）.toString（）.length>540）{
$（'pdpTab4'）。追加（'readmore>'）；
}
});

有点不同，但方法不错：

$('#readOne').toggle($('#pdpTab4').text().length > 540);

---

演示：

您忘记了关闭docuemnt ready的括号（

）我认为最好是在服务器端而不是javascript。您应该使用myDiv变量，而不是在性能方面重新执行jQuery selection$（'#pdpTab4'）。这是一个非常糟糕的主意。如果您的div包含任何实际的HTML，您将冒着删除结束标记或部分属性等的风险。例如，您的代码可能会生成一个以
”结尾的字符串，这就是我喜欢@meagar:的原因，顺便说一句，这也是我删除自己答案的原因。它似乎是在自找麻烦，尽管它在问题的限制范围内工作（只是坏的，坏的副作用）。
$('#readOne').toggle($('#pdpTab4').text().length > 540);