javascript - jQuery prevAll 在表上无法正常工作

Question

我对此主题进行了很多研究，但没有取得任何成功。

问题

当我尝试做rowspan时基于自定义属性rowspanx那时它无法正常工作。

我如何基于rowspanx制作rowspan？

所以我试图用 prevAll 查找上一个元素和下一个元素和nextAll

如果我找到prevAll() > 1比它应该工作但它不能正常工作。它只能正常工作一次，但第二次就不行了。

我得到了意想不到的输出。这是代码片段中的。

我的预期输出如下。

编辑

我的逻辑是如果当前元素 td有rowspanx==1所以查询应该检查其全部 previous或next元素有rowspanx == 2如果找到true在任何 siblings elements比当前td添加rowspan = 2 .

这是我的逻辑，但它不能正常工作。

需要帮助!

$('table.overview-table tr').each(function()
{
	$($(this).find("*")).each(function(i)
	{
		if($(this).attr("rowspanx") == 1 && $(this).attr("rowspanx") != undefined && ($(this).prevAll().attr("rowspanx") > 1 || $(this).nextAll().attr("rowspanx") > 1)){
			$(this).attr("rowspan","2");
		}
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="100" border="1" class="table overview-table">
   <tr style="display: table-row;">
      <th scope="row" class="" rowspan="2">10:00</th>
      <td class="orange white" rowspan="1" rowspanx="2" style="height: 20px;">test</td>
      <td class="grey white" rowspan="1" rowspanx="2" style="height: 20px;">test</td>
      <td class="orange" rowspan="1" rowspanx="1" style="height: 20px;"></td>
      <td class="orange" rowspan="1" rowspanx="1" style="height: 20px;"></td>
   </tr>
   <tr style="display: table-row;">
      <td class="orange fat" rowspan="1" rowspanx="1" style="height: 20px;"></td>
      <td class="grey fat" rowspan="1" rowspanx="1" style="height: 20px;"></td>
      </tr>
</table>

Answer 1

为了简单起见，省略了 CSS 类:

<table width="100" border="1" id="table">
  <tr>
    <th rowspan="2">10:00</th>
    <td rowspan="1" rowspanx="2">test</td>
    <td rowspan="1" rowspanx="2">test</td>
    <td rowspan="1" rowspanx="1"></td>
    <td rowspan="1" rowspanx="1"></td>
  </tr>
  <tr>
    <td rowspan="1" rowspanx="1"></td>
    <td rowspan="1" rowspanx="1"></td>
  </tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('#table tr td').each(function()
{
  if($(this).attr("rowspanx")==1)
  {
    $(this).attr("rowspan","2");
  }
});
</script>

Example of JSFiddle