JQuery - 使用显示块将文本放在错误的表列中

Question

为什么文本没有放在右栏（td）以防万一？我已经测试了只有在先前隐藏了tr块然后显示时才会发生这种情况。

        $('#button_phonenumber').click(function() {

           $('#cmobile_row').css('display', 'block');   
           $('#customer_phonenumber').css('display', 'none');
           $('#cmobile').text($('#cphonenumber').val());

    });

HTML

        </tr>
            <tr>
                <td>location:</td>
                <td><span id="clocation"></span></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><span id="cemail"></span></td>
            </tr>
            <tr id="cmobile_row">
                <td>phone:</td>
                <td><span id="cmobile"></span></td>
            </tr>
        </table>

图片

你在这里看到动态设置的phonenumer不在其支持的列中。相反，它似乎与文本属于同一列。

这是什么原因以及如何解决？

Answer 1

您可以使用db.practices进行此操作，或使用display:table-row事件使用jquery。

＆＃13;

＆＃13;

.show()

＆＃13;

$('#button_phonenumber').click(function() {
  $('#cmobile_row').css('display', 'table-row'); 
  $('#customer_phonenumber').css('display', 'none');
  $('#cmobile').text($('#cphonenumber').val());
});
$('#button_phonenumbers').click(function() {
  $('#cmobile_row').show(); 
  $('#customer_phonenumber').css('display', 'none');
  $('#cmobile').text($('#cphonenumber').val());
});

＆＃13;

#cmobile_row{
   display:none;
  }

＆＃13;

＆＃13;

＆＃13;