如何根据div文本数隐藏链接

Question

使用jquery，我想执行以下操作：

如果div包含超过300个（文本）字符，则将特定链接隐藏在div之外。

Answer 1

您需要检查div的文本长度：

if($('div').text().trim().length > 300) {
    // stuff here
    // like:
    // $('#linkOutsideDiv').hide()
}

Answer 2

您的意思是这样：例如，当5个以上的符号（您可以更改数字）时隐藏吗？

$(document).ready(function() {
  if($('#test-div').text().length > 5) {
    $('a').hide();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test-div">123456</div>
<a>Link to hide</a>

Answer 3

$(document).ready(function(){
alert($('#divtext').text().length)
if($('#divtext').text().length>300)
{
$('#link').hide()
}
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divtext">asssssssssssssssssssssssssssssddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>
<a href="#" value="Href" id="link">click here</a>