удалить таблицу тр, которые имеют конкретное содержание

Question

У меня есть следующий вид внутри SharePoint 2013 веб-приложения: -

Мне нужно, чтобы удалить все таблицы <tr> за исключением тех, которые начинаются с "name" & "title". так может ли кто-нибудь придумать, как я могу это достичь? , здесь является часть разметки для изображению (это показывает два Tr на которые имеют типа содержимого (должно быть удалены), а другие содержат имя): -

<table id="formTbl" class="ms-formtable" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-top: 8px;"> 
<tbody> 
<tr> 
<td class="ms-formlabel" valign="top" nowrap="true"> 
<h3 class="ms-standardheader">Content Type</h3> 
</td> 
<td class="ms-formbody" valign="top"> 
</tr> 
<tr> 
<td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
<h3 class="ms-standardheader"> 
<nobr> 
Name 
<span class="ms-accentText" title="This is a required field."> *</span> 
</nobr> 
</h3> 
</td> 
<td class="ms-formbody" width="350px" valign="top"> 
</tr> 
<tr> 
<tr> 
<td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
<td class="ms-formbody" width="350px" valign="top"> 
</tr> 

Теперь я JQuery версии 1.7 загружается внутри веб-приложение, но я предпочитаю использовать чистый javaScript.

Благодаря

EDIT здесь более подробная разметка: -

<div id="contentRow"> 
<div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList"> 
<div id="contentBox" aria-relevant="all" aria-live="polite"> 
<div id="notificationArea" class="ms-notif-box"></div> 
<div id="DeltaPageStatusBar"> 
<div id="customcalender"></div> 
<div id="DeltaPlaceHolderMain"> 
<a id="mainContent" tabindex="-1" name="mainContent"></a> 
<div style="padding-left:5px"> 
<table id="onetIDListForm" class="ms-core-tableNoSpace"> 
<tbody> 
<tr> 
<td> 
<div class="ms-webpart-zone ms-fullWidth"> 
<div id="MSOZoneCell_WebPartWPQ2" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth "> 
<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth "> 
<div id="WebPartWPQ2" class="noindex " style="" allowdelete="false" width="100%" haspers="false" webpartid="6c7d849e-da6b-4138-be9f-b99bde542065"> 
<table class="ms-informationbar" width="100%" cellspacing="0" cellpadding="2" border="0" style="margin-bottom: 5px;"> 
<div id="listFormToolBarTop" style="display: none;"> 
<span style="display:none"> 
<span></span> 
<table width="100%"> 
<tbody> 
<tr> 
<td width="100%" valign="top"> 
<table id="formTbl" class="ms-formtable" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-top: 8px;"> 
<tbody> 
<tr> 
<td class="ms-formlabel" valign="top" nowrap="true"> 
<h3 class="ms-standardheader">Content Type</h3> 
</td> 
<td class="ms-formbody" valign="top"> 
</tr> 
<tr> 
<td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
<h3 class="ms-standardheader"> 
<nobr> 
Name 
<span class="ms-accentText" title="This is a required field."> *</span> 
</nobr> 
</h3> 
</td> 
<td class="ms-formbody" width="350px" valign="top"> 
</tr> 
<tr> 
<tr> 
<td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
<td class="ms-formbody" width="350px" valign="top"> 
</tr> 
<tr> 
<tr> 
<tr> 

Answer 1

Если вы сомневаетесь, filter ваш друг:

JSFiddle:http://jsfiddle.net/TrueBlueAussie/jjzx6mge/4/

$('#formTbl tr').filter(function() { 
    return !$(".ms-standardheader", this).text().match(/Name|Title/i); 
}).remove(); 

Результат, возвращаемый функцией, переданной фильтру, является логическим значением, указывающим, какие элементы сохранять (правдивые) или которые исключать (falsey).

Этот объект предназначен только для строк, которые имеют запрошенный текст в классифицированном элементе ms-standardheader.

Он также ориентирован только на конкретный внутренний стол, чтобы избежать глубокого поиска из таблицы верхнего уровня и уничтожения в нем целых таблиц.

Хотя вы можете сделать это с помощью простого старого JS, требуется значительно больше кода. Поскольку у вас уже установлена ​​версия jQuery, имеет смысл ее использовать.

Answer 2

Это удалит все tr, который имеет .ms-standardheader элемент, который содержит текст Name или Title

$('#formTbl tr').each(function() { 
    var that = $(this); 
    var label = that.find('.ms-standardheader').text();  
    if (label.indexOf('Name') != -1 || label.indexOf('Title') != -1) { 
     that.remove(); 
    } 
}); 

Answer 3

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

$("#formTbl tr td h3").not("h3:contains('Name'):contains('Title')").closest('tr').remove(); 

Answer 4

И вот я, делая это обычный JS путь старого доброго, так как вы просили об этом :) http://jsfiddle.net/m53esfpo/3/

Edit: Обновленных код и скрипка (спасибо @TrueBlueAussie)

Удаляет все три, кроме тех, которые начинаются с имени или названия.

var t = document.getElementById('formTbl'); 

for (var i = 0; i < t.getElementsByTagName("tr").length; i++) { 
    var s = t.getElementsByTagName("tr")[i].getElementsByClassName('ms-formlabel'); 
    if (s.length > 0) { 
     if (s[0].innerText.indexOf('Name') < 0 && s[0].innerText.indexOf('Title') < 0) { 
      t.getElementsByTagName("tr")[i].parentNode.removeChild(t.getElementsByTagName("tr")[i]); 
     } 
    } 
} 

Answer 5

Это будет работать:

$(function() { 
 

 
    $('#formTbl tr').each(function() { 
 
    var frstVal = $(this).find('td').eq(0).text(); 
 
    if (!frstVal.match(/name|title/i)) { 
 
     $(this).remove() 
 
    } 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<table id="formTbl" class="ms-formtable" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-top: 8px;"> 
 
    <tbody> 
 
     <tr> 
 
      <td class="ms-formlabel" valign="top" nowrap="true"> 
 
       <h3 class="ms-standardheader">Content Type</h3> 
 
      </td> 
 
      <td class="ms-formbody" valign="top"> 
 
     </tr> 
 
     <tr> 
 
      <td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
 

 
       <h3 class="ms-standardheader"> 
 
<nobr> 
 
Title 
 
<span class="ms-accentText" title="This is a required field."> *</span> 
 
</nobr> 
 
</h3> 
 

 
      </td> 
 
      <td class="ms-formbody" width="350px" valign="top"> 
 
     </tr> 
 
     <tr> 
 
      <td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
 
       <h3 class="ms-standardheader"> 
 
<nobr> 
 
Name 
 
<span class="ms-accentText" title="This is a required field."> *</span> 
 
</nobr> 
 
</h3> 
 
      </td> 
 
      <td class="ms-formbody" width="350px" valign="top"> 
 
     </tr> 
 
     <tr> 
 
      <tr> 
 
       <td class="ms-formlabel" width="113px" valign="top" nowrap="true"> 
 
        <td class="ms-formbody" width="350px" valign="top"> 
 
      </tr>