javascript - 根据输入的数字是否大于、小于或等于动态生成 if-else

Question

我有这种格式的数据:

HTML:

<div class="data-table">
  <div class="data-table-item" sign="<" val="10000" result="1"></div>
  <div class="data-table-item" sign=">=" val="10000" result="2"></div>
  <div class="data-table-item" sign=">=" val="25000" result="3"></div>
  <div class="data-table-item" sign=">=" val="50000" result="4"></div>
</div>

JS:

var user_Value = 26000;

我正在尝试动态生成 if-else，以便如果用户输入 26000，它应该通过相应地检测符号属性来给我 Result = 3。

上面的结构是动态的，所以我不能使用静态的 if-else 条件。

这是JSFiddle

请帮忙。

Answer 1

这可以使用eval()来实现以字符串形式执行 JavaScript 代码的函数

尝试从下面的代码中理解:

var userval = 26000;
$(".data-table").find("*").each(function(){
 var val = $(this).attr("val");
 var c = $(this).attr("sign");
 var exec = `${userval} ${c} ${val}`;
 console.log(exec);
 console.log(eval(exec));
 if(eval(exec)){
  $(this).text(userval);
 }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="data-table">
  <div class="data-table-item" sign="<" val="10000" result="1"></div>
  <div class="data-table-item" sign=">=" val="10000" result="2"></div>
  <div class="data-table-item" sign=">=" val="25000" result="3"></div>
  <div class="data-table-item" sign=">=" val="50000" result="4"></div>
</div>