jquery访问动态类选择器

时间:2013-10-20 15:47:23

标签: jquery

给出以下html呈现;

<fieldset id="fld_Rye">
 <legend>7 Main St.</legend>
<div>
    <table>
        <tr>
        <th class="wideCol"><b><i>Service Description</i></b></th>
        <th class="wideCol"><b><i>Service Name</i></b></th>
        <th class="normalPlusWidth"><b><i>Contact Name</i></b></th>        
    </tr>
    <ItemTemplate>
        <tr class="">
        <td class="servDesc">&nbsp;<b>Plumbing Services</b></td>
                    <td class="servName">&nbsp;<b>Flynnsters's Plumbing</b></td>
                    <td class="servContact">&nbsp;<b>Jim Flynnster</b></td>
        </tr>
    </ItemTemplate>

我试图用一类servDesc访问所有td,将它们的宽度放入一个数组中,并从该数组中获取最大宽度,以便在页面加载时使用jquery重置该类的css宽度。我似乎无法为这些标签获得正确的选择器,我尝试了至少50种变体。

我的最新尝试;

 var maxTdWidth;
        var servDescCols = [];
        $("#fld_Rye td#servDesc").each(function () {
            alert("found one");
            servDescCols.push($(this).width());
        });
        maxTdWidth = Math.max.apply(Math, servDescCols);

1 个答案:

答案 0 :(得分:0)

获取td所有servDesc课程,请尝试此

$("td.servDesc").each(function () {
            alert("found one");
            servDescCols.push(this.width());
     });

如果您想要定位任何元素并获取td内部使用此

'table1'是基本元素的id

$("#table1").find("td.servDesc").each(function () {
        alert("found one");
        servDescCols.push(this.width());
 });