Получить детский TD по классам на основе таблицы с идентификатором - PullRequest
Новая
       16

Получить детский TD по классам на основе таблицы с идентификатором

0 голосов
/ 17 января 2012

У меня есть таблица с идентификатором 'sCompSumm' Я бы хотел получить TD с классом 'VIEWBOXCAPTION' и установить для height значение 118px.

Как мне добиться этого в jQuery?

Таблица 

<table width="100%" height="118" id="sCompSumm" border="0" cellSpacing="0" cellPadding="0">
    <TBODY>
        <TR>
            <TD colSpan=10></TD>
        </TR>
        <TR></TR>
        <TR>
            <TD vAlign=top>
                <SPAN id=_Captcomp_name class=VIEWBOXCAPTION>Company Name:</SPAN>
                <BR><SPAN id=_Datacomp_name class=VIEWBOX>Access UK Ltd (Harpenden)</SPAN>
            </TD>
            <INPUT name=_HIDDENcomp_name value="Access UK Ltd (Harpenden)" type=hidden>
            <TD vAlign=top> 
                <SPAN id=_Captcomp_website class=VIEWBOXCAPTION>Website:</SPAN>
                <BR>
                <SPAN id=_Datacomp_website class=VIEWBOX>
                    <A class=WEBLINK href="http://www.theaccessgroup.com" target=EWAREVISITS>http://www.theaccessgroup.com</A>&nbsp;
                </SPAN>
            </TD>
            <INPUT name=_HIDDENcomp_website value=www.theaccessgroup.com type=hidden>
        </TR>
        <TR>
            <TD vAlign=top>
                <SPAN id=_Captcomp_c_registration class=VIEWBOXCAPTION>Company Registration:</SPAN>
                <BR>
                <SPAN style="WIDTH: 100px" id=_Datacomp_c_registration class=VIEWBOX>&nbsp;</SPAN>
            </TD>
            <INPUT name=_HIDDENcomp_c_registration type=hidden>
            <TD vAlign=top>
                <SPAN id=_Captcomp_sector class=VIEWBOXCAPTION>Industry Type:</SPAN>
                <BR>
                <SPAN id=_Datacomp_sector class=VIEWBOX>&nbsp;</SPAN>
                </TD>
            <INPUT name=_HIDDENcomp_sector type=hidden>
        </TR>
        <TR>
            <TD vAlign=top>
                <SPAN id=_Captcomp_employees class=VIEWBOXCAPTION>Employees:</SPAN>
                <BR>
                <SPAN style="WIDTH: 100px" id=_Datacomp_employees class=VIEWBOX>&nbsp;</SPAN>
            </TD>
            <INPUT name=_HIDDENcomp_employees type=hidden>
            <TD vAlign=top>
                <SPAN id=_Captcomp_secterr class=VIEWBOXCAPTION>Territory:</SPAN>
                <BR>
                <SPAN id=_Datacomp_secterr class=VIEWBOX>Worldwide&nbsp;</SPAN>
            </TD>
            <INPUT name=_HIDDENcomp_secterr value=-2147483640 type=hidden>
        </TR>
    </TBODY>
</table>

Ответы [ 2 ]

3 голосов
/ 17 января 2012

Вы можете сделать это следующим образом: 

$("#sCompSumm .VIEWBOXCAPTION").closest("td").height(118);

Это найдет все элементы с class="VIEWBOXCAPTION" элементами в объекте с id="#sCompSumm", затем для каждого из них будет найден родительский tdэлемент и установите его высоту 118px.

Примечание 1: Поскольку нет элементов TD, которые на самом деле имеют class="VIEWBOXCAPTION", этот код находит элементы TD, которые содержат объект с этим классомэто не совсем то, что вы просили, но, по-видимому, вы, вероятно, имели в виду.

Примечание 2: Ваш HTML должен, вероятно, принять более безопасную практику кавычек вокруг атрибутов, таких как: 

<TD vAlign="top"><SPAN id="_Captcomp_name" class="VIEWBOXCAPTION">Company Name:</SPAN>
1 голос
/ 17 января 2012

Как насчет этого 

$("#sCompSumm").find('span.VIEWBOXCAPTION').parent().css("height","118px");
...