0

我在 a 中有一个元素列表，<tr>它在和元素<table>中有自定义数据属性。<tr><td>

该表有一些<tr>具有相同 data-* 属性的重复标签。我不想显示在页面中。

如何确定 data-* 属性并获取其值并在该表中的页面上找到重复的元素，并删除额外的<tr>标签。

这是页面生成后我的 HTML 代码：

<table border="1">
    <tr class="clickable" data-hiddenfields="{&quot;hiddenFields&quot;:[]}" data-link="/site/product/1" data-index="0">
        <td data-fieldvalue="Username" data-fieldname="Name">
            <div data-fieldname="Username"></div>
            <span>
                <input type="checkbox" value="2" id="Username" name="checkbox" class="thumbnail">
            </span> Username
        </td>
        <td data-fieldvalue="Username"data-fieldname="FormLable">
            <div data-fieldname="Username"></div><span></span>Username
        </td>
        <td data-fieldvalue="Username" data-fieldname="FieldName">
            <div data-fieldname="Username"></div><span></span>Username
        </td>
        <td data-fieldvalue="2" data-fieldname="id">2</td>
    </tr>
    <tr class="clickable" data-hiddenfields="{&quot;hiddenFields&quot;:[]}" data-link="/site/product/1" data-index="1">
        <td data-fieldvalue="Username" data-fieldname="Name">
            <div data-fieldname="Username"></div>
            <span>
                <input type="checkbox" value="2" id="Username" name="checkbox" class="thumbnail">
            </span> Username
        </td>
        <td data-fieldvalue="Username" data-fieldname="FormLable">
            <div data-fieldname="Username"></div><span></span>Username
        </td>
<td data-fieldvalue="Username" data-fieldname="FieldName">
        <div data-fieldname="Username"></div><span></span>Username
    </td>
    <td data-fieldvalue="2" data-fieldname="id">2</td>
    </tr>
</table>

我已经删除了元素，data-link="value"但是数据链接的值是动态的..所以我怎么能得到它..

如果它们里面有一个输入元素，我怎么能只删除Username第二个和第三个中的文本。<td>

小提琴

4

1 回答 1

0

你的第一个问题：

var searchText = $('tr').first().attr("data-link");
var el = $('tr[data-link="'+searchText+'"]');
console.log(el.length);
el[1].remove();

jsfiddle：http: //jsfiddle.net/FCbp8/3/

于 2013-10-22T13:30:02.603 回答