1

html構造は次のとおりです。

<table class='cls_Name'>
    <tr>
        <td>Name</td>
    </tr>
    <tr>
        <td>
            <div>some operation/text</div>
        </td>
    </tr>
</table>

テーブルの高さを取得するには、次のようにします。

$('.cls_Name').height();

適切な値を返します。

今私はdivの高さが欲しいです：

$('.cls_Name').children('td:nth-child(2)').children('div').height();

ただし、Nullを返すか、エラーが発生することもあります。

誰かがそれについて考えを持っているかどうか私に知らせてください。

前もって感謝します

4

5 に答える 5

5

要素は要素の<td>子孫ですが、子ではありません<table>。この.children()関数は、DOM内で1つのレベルだけ下がっています。したがって、この場合は、<tr>要素のレベルまで下がっています。代わりに次を試してください。

$('.cls_Name').find('td:eq(1)').children('div').height();
于 2013-03-05T11:30:08.453 に答える
2

次のことを試してください。

$('.cls_Name td:eq(1)').find('div').height();
于 2013-03-05T11:29:39.930 に答える
0

.children('td:nth-child(2)')存在しないため、.children('td:nth-child(1)')代わりに試してください。

テストされたコード

<script type="text/javascript">

    $(function()
    {
        console.log($('.cls_Name').find('td:nth-child(1)').find('div').height());
    });

</script>
<table class='cls_Name'>
    <tr>
        <td>Name</td>
    </tr>
    <tr>
        <td>
            <div>some operation/text</div>
        </td>
    </tr>
</table>

それは私を示しまし20たconsole.log();

于 2013-03-05T11:31:16.877 に答える
0

div要素のクラス名を指定して、これを試すことをお勧めします。

<table class='cls_Name'>
    <tr>
        <td>Name</td>
    </tr>
    <tr>
        <td>
            <div class="operation">some operation/text</div>
        </td>
    </tr>
</table>

脚本：

$('.operation').height()
于 2013-03-05T11:36:05.050 に答える
0

これは私が推測するより良いでしょう：

$(document).ready(function ()
{
    var sa = $('.cls_Name').find('div').height();
    alert(sa);


 });
于 2013-03-05T11:38:29.703 に答える