如何基于字符串值在页面上显示或隐藏JSON数据?

时间:2018-09-28 19:13:39

标签: javascript json

我有一个包含“电子邮件”字段的表单。还可以选择隐藏或显示网页上的电子邮件地址,具体取决于选择了哪个单选按钮(“是”或“否”)。

因此,当exclude_email="No"时,不应显示该电子邮件。我知道这是一个条件语句,但是我在这里迷路了...

<script>
  $(function() {
    var people = [];

    $.getJSON('data2.json', function(data) {
      $.each(data, function(i, f) {
        var tblRow = "<tr>" + "<td>" + f.name + "</td>" + "<td>" + f.title + "</td>" + "<td>" + f.company + "</td>" +
          "<td>" + "<div style=\"text-align:center\">" + f.email + "</div>" + "</td>" + "<td>" + "<div style=\"text-align:center\">" + f.comment + "</div>" + "</td>" + "</tr>"
        $(tblRow).appendTo("#userdata tbody");

        if (f.exclude_email == "No")
          this.hide(email);
      });
    });
  });
</script>

2 个答案:

答案 0 :(得分:0)

构建字符串时可以内联。

$(function() {
    var people = [];
    $.getJSON('data2.json', function(data) {
        $.each(data, function(i, f) {
            var tblRow = "" + "" + 
                f.name + "" + "" + 
                f.title + "" + "" + 
                f.company + "" + "" + "" + 
                (f.exclude_email == "No" ? '' : f.email) + "" + "" + "" + "" +
                f.comment + "" + "" + ""

            $(tblRow).appendTo("#userdata tbody");
            if (f.exclude_email == "No") this.hide(email);
        });
    });
});

答案 1 :(得分:0)

这有效!谢谢!

$(function(){

var people = [];

$。getJSON('data2.json',function(data){        $ .each(data,function(i,f){           var tblRow =“” +“” + f.name +“” +“” + f.title +“” +“” + f.company +“” +            “” +“” +(f.exclude_email ==“是”?“:f.email)+”“ +”“ +”“ +”“ + f.comment +”“ +”“ +”“

      $(tblRow).appendTo("#userdata tbody");

 });

});

});