JQuery доступ к динамическим селекторам классов

Question

JQuery доступ к динамическим селекторам классов

0

Учитывая следующий 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 Plumbing</b></td>
                    <td class="servContact">&nbsp;<b>Jim Flynnster</b></td>
        </tr>
    </ItemTemplate>

Я пытаюсь получить доступ ко всем td с классом servDesc, получить их ширину в массив и получить максимальную ширину из этого массива, чтобы сбросить ширину css этого класса, используя jquery при загрузке страницы. Кажется, я не могу выбрать правильный селектор для этих тегов, и я пробовал как минимум 50 вариантов.

Моя последняя попытка;

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

dinotom 20 окт. 2013, в 17:57

Источник

Теги:

jquery

1 ответ

Ещё вопросы

Anto Subash · Accepted Answer · 2013-10-20T12-53-00.000Z

чтобы получить все td с классом servDesc попробуйте это

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

если вы хотите настроить таргетинг на любой элемент и использовать его внутри

"table1" - это идентификатор базового элемента

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

да, я знаю, что это работает, но эта страница может иметь более одной таблицы, и я хотел немного больше иерархии в селекторе, то есть определение div и sub td.servDesc по сравнению с любым тэгом td.servDesc, он также находит только одну когда их несколько на странице
я обновил свой ответ, посмотрите.
Это работает, но есть 17 тэгов с этим селектором, и он нашел только один, или, что еще лучше, функция push не работает, и скрипт завершает работу после первого обхода. Я также изменил это на $ (это)
Можете ли вы создать скрипку, которая будет легко объяснить вашу проблему ...