Ändern der Höhe der Tabellenzeile

Question

Ich versuche, die Zeilenhöhe einer Tabelle, die zu einer bestimmten Klasse gehört, auf 0 zu ändern.

Derzeit mache ich dies:

$("#table_rolecart tbody").append('<tr class='hide'><td>Start Date: <input type="text" value="" id="ar_startdate"></td><td>End Date: <input type="text" value="" id="ar_enddate"></td></tr>');
$('.hide').height = "0"

Es ist immer noch nicht Null, wie kann ich die Höhe auf 0 setzen oder den Anzeigestil auf "keine" für diese <tr> s?

Answer 1

Verwenden Sie die css Funktion:

$('.hide').css('height', '0');

Wenn Sie sie aus dem Blickfeld nehmen wollen, können Sie auch display: none :

$('.hide').css('display', 'none');

Sie können sie auch ganz entfernen:

$('.hide').remove();

Wenn Sie sie jedoch nicht dynamisch ausblenden müssen, sollten Sie nur CSS verwenden:

.hide {
    height: 0;
    /* or display: none */
}

Answer 2

Höhe ist eine css-Eigenschaft, die Sie mit der css-Funktion einstellen können

$('.hide').css("height", "0");

Beachten Sie, dass Sie sie auch mit

$('.hide').css("display", "none");

Answer 3

Bei beiden Techniken wird die Höhe einer Zeile auf 0 gesetzt:

$(".hide").height(0);
$(".hide").css("height", 0);

Aber Tabellen sind kompliziert, und wenn man die Höhe auf 0 setzt, wird die Zeile nicht ausgeblendet. Der einfachste Weg, die Zeile auszublenden, ist die Verwendung einer der folgenden Techniken:

$(".hide").hide();
$(".hide").css("display", "none");

Wenn Sie jedoch die Zeile über die Höhe ausblenden wollen (aus welchem Grund auch immer), setzen Sie auch die line-height auf 0 setzen. Dann setzen Sie in den untergeordneten Zellen den padding auf 0 (und möglicherweise auch die border ) und setzen overflow a hidden .

$(".hide").css({
    height: 0,
    lineHeight: 0
});
$(".hide > *").css({
    padding: 0,
    overflow: "hidden"
});

Aber auch das funktioniert in Ihrem Fall nicht, da die Eingabekontrollen weiterhin angezeigt werden. Sie müssten den Inhalt der Zelle in einen Container wie ein div einpacken und diesen ausblenden.

Answer 4

Versuchen Sie dies: $('.hide').height(0);