以下是我的代码,button规定必须在省略字尾后,现在的问题是为何我点击see more后,在字尾添加的close点击无效
<div class="font"> <div class="description"> <p>超過50字很多很多很多很多很多很多很多很多很多很多很多很多字</p> </div> </div>
$(function () { var $len = 20; $(".font .description p").each(function () { var $textold = $(this).text(); var $text = $(this).text().substring(0, $len - 1) + ""; if ($(this).text().length > $len) { $(this).text($text).append("<button class='add'>..... See more</button>"); } $('.add').click(function () { $(this).closest(".font").find(".description p").text($textold).append("<button class='close'>close</button>"); }); $('.close').click(function () { $(this).closest(".font").find(".description p").text($text).append("<button class='add'>..... See more</button>"); }); }); })