加载内容后,我试图隐藏html表的特定列。 表html是动态创建的,并使用JQuery加载。这部分工作正常。
let cur_grid = document.getElementById('grid1')
// table html is created.
let str_tbl_html = '<table id="tbl_grid1"><tbody><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr></tbody></table>'
$.when($(cur_grid).html(str_tbl_html)).done(function() {
console.log('hide 3rd column')
$('#tbl_grid1 tr td:nth-child(3)').hide()
// also tried
$('#tbl_grid1').find('td:nth-child(3)').hide()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='grid1'></div>
我没有收到任何错误,但没有隐藏第三列。