Question

有关该表的信息：

<tbody>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen th</td>
<td align="left">2 vær.</td>
<td align="left">66m2</td>
<td class="status" align="right">Udlejet</td>
</tr>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen mf</td>
<td align="left">2 vær.</td>
<td align="left">47m2</td>
<td class="status" align="right">Udlejet</td>
</tr>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen tv</td>
<td align="left">3 vær.</td>
<td align="left">81m2</td>
<td class="status" align="right">Ledig</td>
</tr>
</tbody>

我目前正在根据表格中“状态”类在td中输入的文本为表行提供一个类。文字是作者用WordPress写的。这些类用于一些自定义CSS，希望可以更轻松地禁用其中一个的链接

jQuery(document).ready(function( $ ){
$('.table-2 tr').addClass(function() {
  return $(this).find('.status').text();
});
});

在下面的代码中，我使用类table-link使表行工作。

jQuery(document).ready(function( $ ){
    $(".table-link").click(function() {
       window.document.location = $(this).data("href");
    });
});

我的问题是我有两种不同的状态：
状态1：称为“ Ledig”的工作链接。
状态2：已禁用名为“ Udlejet”的链接。

我能否在if status语句中仅将状态1用作有效链接？

我是新手，所以每条评论都会有所帮助。

谢谢！

Answer 1

您想要某种if语句，例如：

if($('.table-2 tr .status').val() =='Ledig'){
    $(".table-link").bind("click", function() {
        window.document.location = $(this).data("href");
    });
}

尽管您可能需要以这种方式循环遍历每个表行。

// -----编辑---- //

这有效：

$(document).ready(function(){
  $(".table-2 tr").each(function(){
    if($(this).find(".status").html() == 'Ledig'){
      $(this).bind("click", function() {
        window.document.location = $(this).data("href");
      });
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table-2">
<tbody>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen th</td>
<td align="left">2 vær.</td>
<td align="left">66m2</td>
<td class="status" align="right">Udlejet</td>
</tr>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen mf</td>
<td align="left">2 vær.</td>
<td align="left">47m2</td>
<td class="status" align="right">Udlejet</td>
</tr>
<tr class="table-link" data-href="http://jantzenproperties.dk/for-lejere/">
<td style="text-align: center;" align="left">Stuen tv</td>
<td align="left">3 vær.</td>
<td align="left">81m2</td>
<td class="status" align="right">Ledig</td>
</tr>
</tbody>
</table>

如果/其他语句使链接起作用或被禁用

1 个答案: