如果使用jquery时某个值为null,则不要输出特定的div

ekat • 2 年前 • 433 次点击

我正在进行数据库查询。

let link = something from the database;
let output = `
   <div>
      ...
   <div>
   <div>
      ...
   <div>
   <div>
      <iframe src="${link}"></iframe>
   </div>
   <div>
      <div>
         ...
      </div>
   <div>
`;
$('#table').html(output);

这种联系可能是 empty 然后,我不想输出突出显示的div。我不知道一种“酷”的方法。

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/130956

433 次点击

文章 [ 2 ] | 最新文章 2 年前

• 1 楼

Reza Saadati 2 年前

如果我正确理解了您的问题,您不想显示iframe,如果 link 即将 null .

这是许多方法中的一种:

let link = 'Change me to null';
link ??= `
   <div>
      <iframe src="${link}"></iframe>
   </div>
`;

let output = `
   <div>
      ...
   <div>
   <div>
      ...
   <div>
`;
output += link;
output += `
   <div>
      <div>
         ...
      </div>
   <div>
`;
$('#table').html(output);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="table"></div>

• 2 楼

Twisty 2 年前

考虑下面的问题。

$(function() {
  var links = [
    "Url 1",
    "",
    "Url 3",
    "Url 4",
    "Url 5"
  ];

  $.each(links, function(i, link) {
    if (link != "") {
      $("<div>").html($("<iframe>", {
        src: link
      })).appendTo("#table");
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="table">
</div>

您需要迭代数据并有条件地添加HTML。

查看更多:

https://api.jquery.com/jquery.each/

登录后回复