使用jQuery定位id内的特定类

时间:2014-01-15 18:21:48

标签: jquery

我有一个表元素的id:

<tr id="_IWID_Filters_included">
    <td width="20%" class="lotusFormLabel lotusFormFieldRow lotusNowrap"> </td>
    <td class="lotusFormFieldRow"> </td>
</tr>

我想在td类“lotusFormFieldRow”中追加一个字符串。目前,我只知道如何附加一个以$(“#_ IWID_Filters_included”)为目标的字符串.adndnd(“string”);只在/ tr之前将字符串附加到 IWID 的末尾。关于如何做到这一点的任何想法?

目前,我有:

    $("#_IWID_Filters_included").append(
        "<td class = 'lotusFormFieldRow'>" + 
        "<div id='filter_" + current_index + "'>" +
        "Filter name: <select id = 'dimensionName_" + current_index + "' class='lotusText'></select>" + 
        "Filter value: <select id ='dimensionId_" + current_index + "' class='lotusText'></select>" +
        "<button type='button' id='remove_btn_" + current_index + "' onclick='filter_forms.remove_filter_form(" + current_index + ")' style='margin-top: 5px; margin-bottom: 5px;'>Remove filter</button>" +
        "</div>" + 
        "</td>" + "<td width='7%' class='lotusFormFieldRow'>" + "</td>" 
    );

但是,不是让td类成为字符串的一部分,而是需要在IWID_Filters_included中,这样我才能将最后一个td宽度放在最后。现在的主要问题是,每次单击“添加过滤器”时,都会附加td宽度,这会破坏表格的间距;因此,为什么我需要一种方法来专门针对td class = lotusFormFieldRow。

3 个答案:

答案 0 :(得分:1)

这应该有效

$('#_IWID_Filters_included .lotusFormFieldRow').append('I am appending this string now!');

有用的提示:如果您想要在指定元素中的其他内容之前附加内容,请使用.prepend代替.append

答案 1 :(得分:1)

选择后,

追加添加 - .text().html()将插入选择器,具体取决于您是否需要字符串或标记。

$(".lotusFormFieldRow").text("string");

答案 2 :(得分:1)

你可以使用以下方法追加字符串:var string =“something”+“something else”。 GG