if / else语句使链接工作或禁用

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中带有类'status'的文本输入。该文本由作者在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 else语句，其中只有状态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>