テーブルの各列にスペースのみが含まれているかどうかを確認しようとしています。実際には空のテーブルですが、スペースがあります。JavascriptまたはjQueryで可能ですか?
<table>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
テーブルの各列にスペースのみが含まれているかどうかを確認しようとしています。実際には空のテーブルですが、スペースがあります。JavascriptまたはjQueryで可能ですか?
<table>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
はい、できます
$("table tr td").text().trim()==""
また
$("table tr td:empty")
td
そして、空っぽに基づいてテーブルを非表示にするなどのことをしたい場合は、この投稿を参照してください
別のフィドルの例
text()
とtrim()
組み合わせて使用できます。trim() がゼロlength
を返し、トリムなしでテキストの長さがゼロでない場合は、テーブルに が含まれていることを意味しますspaces
。
if($('#tableId').text().length > 0 && $('#tableId').text().trim().length == 0)
{
alert("Empty table with spaces.")
}
明確な質問ではありません。これを試してください:
$('td').filter(function(){
return $(this).text().search(/^\s*$/) != -1;
}).doWhatYouWantWithThat()
私はお勧めします:
var cells = $('td'),
allCellsEmpty = cells.length == cells.filter(function(){
return $.trim($(this).text()) == '';
}).length;
table
子td
要素にコンテンツがない場合 (ホワイト スペース以外)を非表示にするには:
$('table').toggle(!allCellsEmpty);
参考文献: