元素<td>内的自定义占位符未显示
这个问题在这里已经有了答案：
我看到的唯一问题是新行：当你需要在下一行继续时，你需要跳过新行char，如：
var str = '11111
llllllll';
片段：
$(function () {
$("#addbutton").click(function() {
$('#searchresults > tbody:last-child').append('<tr><td><div contentEditable="true" data-text="Enter Name"></div></td>
<td><div contentEditable="true" data-text="Enter Description"></div></td>
</tr>');
});
});[contentEditable=true]:empty:not(:focus):before{
content:attr(data-text)
}<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<button id="addbutton">addbutton</button>
<table id="searchresults">
<tbody>
</tbody>
</table>$("#addbutton").click( function(){
$('#searchresults > tbody:last-child').append('<tr><td> <div contentEditable="true" data-text="Enter Name"></div> </td>
<td><div contentEditable="true" data-text="Enter Description"></div></td>
</tr>')
如上所示， <td> <div>之间有一个空格。 有人编辑了该问题并将其删除。
请不要随意编辑问题。 显然增加空间可以搞砸了！
链接地址: http://www.djcxy.com/p/30455.html