jqueryを使用してテーブルtdスタイルを変更します。

Question

jquery appendテーブルがあります。 CSS style="display:none"を使って最初の行の列を隠していて、あるイベントの後にその列を表示したいと考えていました。

my table id is-#148 
tr id is -row1 

trの最初のtdスタイルを変更したいと思います。 私はこれをたくさん言及しましたが、私は適切な解決策を得ていませんでした。

行は、私はjQueryの/ Javascriptを使用して、そのCSS値を変更したい

<tr id="trid1"><td style="display:none"><input type="submit" class="btn btn-success" onclick="choose(2,<?php echo $loop->us_id;?>);"></td><td> <button class="btn btn-info btn-labeled fa fa-plus fa-lg" id="us_id" onclick="fun(<?php echo $loop->us_id;?>)" >Add Task</button></td></tr> 

です。

Answer 1

$("#trid1 td:first-child").show(); 

これはおそらく動作するはずです。

Answer 2

これを試してください。

$(function(){ 
    //$('table').find('td').eq(0).show(); 

    // or 

    //$('table').find('td:nth-child(1)').show(); 

    // or 

    $('table').find('td:first-child').show(); 
}); 

https://jsfiddle.net/vandolphreyes29/66uh0hz2/10/