if / else语句使链接工作或禁用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了if / else语句使链接工作或禁用相关的知识，希望对你有一定的参考价值。
有关该表的信息：
<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才能成为工作链接吗？
我是新手，所以每个评论都会有所帮助。
提前致谢！
答案
你想要某种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>以上是关于if / else语句使链接工作或禁用的主要内容，如果未能解决你的问题，请参考以下文章
如何才能使此代码正常运行？我遇到了if和else语句的问题，显然它没有正确缩进