获取当前 tbody 下一个的 tbody

Question

我有一个 SharePoint table 并希望使用 groupstring 获取 table 正下方的 tbody。

样本table

<tbody groupstring=“%3B%23Application%3B%23”>
<tr><td> : Application </td></tr></tbody>
<tbody></tbody>
<tbody>
<tr><td><a href=“https://link1.com”>Link 1</a></td></tr>
<tr><td><a href=“https://link3.com”>Link 3</a></td></tr>
</tbody>

我将从 Json 获取另一个 link Link2，并使用 Jquery

将其动态插入到 Link1 和 Link3 之间

var addRow=function(url,displayName){
Var counter=0;
$(‘tbody[groupstring=“%3B%23Application%3B%23”]’).closest(‘tbody’).find(‘td’).each(function(){
counter++;
If($(this).find(‘td:eq(0)’).text() > displayName){
$(this).before(makeRow(url,displayName));
} else {
If($(this).find(‘td:eq(0)’).text() === displayName){
$(this).html(makeRow(url,displayName));
Return false;
}}
If($(this).closest(‘table’).find(‘td.md-vb2’).length === counter){
$(this).parent().after(makeRow(url,displayName));
} 
});
};

Var makeRow = function(url,displayName){
return (‘<tr><td><a href=“‘ + url + ‘”>’+displayName+’</a></td></tr>’);
};

我正在尝试将 Link1 和 Link3 之间的动态 Link2 添加为锚点，方法是将其放置在两者之间，或者如果已存在则通过 addRow 函数进行替换。我的问题是我可以在 tbody 之后插入 tbody 和 groupstring 但我想插入在 tbody 空白 tbody 之后的一个。有人可以帮忙修改一下吗：

 $(‘tbody[groupstring=“%3B%23Application%3B%23”]’).closest(‘tbody’).find(‘td’).each(function(){

要access/get tbody* 空白tbody后一个吗？我什至尝试过：

$(‘tbody[groupstring=“%3B%23Application%3B%23”]’).closest(‘tbody’).next(‘tbody’).find(‘td’).each(function(){

和

$(‘tbody[groupstring=“%3B%23Application%3B%23”]’).closest(‘tbody’).closest(‘tbody’).find(‘td’).each(function()

但是没有用。非常感谢任何帮助。

Answer 1

$('tbody[groupstring]').nextAll('tbody:eq(1)')应该做。

演示：

$(function() {
  var $target = $('tbody[groupstring]').nextAll('tbody:eq(1)');
  console.log($target.html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tbody groupstring="%3B%23Application%3B%23">
    <tr>
      <td>Application</td>
    </tr>
  </tbody>
  <tbody></tbody>
  <tbody>
    <tr>
      <td><a href="https://link1.com">Link 1</a></td>
    </tr>
    <tr>
      <td><a href="https://link3.com">Link 3</a></td>
    </tr>
  </tbody>
</table>

另请注意 groupstring 不是有效的 HTML 属性。

获取当前 tbody 下一个的 tbody

Get tbody next to one below the current tbody

javascript

sharepoint

jquery

sharepoint-2010