Question

我有一个简单的函数可以返回找到的匹配项或找不到匹配的结果。

如果未找到匹配项，我希望它显示通用的“找不到用户”图像。下面的代码工作正常，但我想以正确的方式做到这一点。这个链接

似乎讨论了一种更复杂的方式来实现我正在做的事情。

但我的方法不正确吗？

JS

success: function (friendMatches) {
            if (friendMatches.length === 0)
                console.log('NO MATCH FOUND!!!');
        $(".no_user").show();
            else // Query executed with success
                console.log('MATCH FOUND!!!');
        },

HTML

<img style="display:none" src="/img/no-user.png" class ="no_user" alt="No user found">

Answer 1

这个怎么样：

JS：

success: function (friendMatches) {
            var src;
            if (friendMatches.length === 0) {
                src = 'no-user';
                alt = 'No user found';
            } else { // Query executed with success
                src = userFilename; //Put in the correct filename
                alt = userName; // Put in the correct username
            }
                $(".userImage").attr('src', '/img/' + src '.png');
                $(".userImage").attr('alt', alt);
        },

HTML：

<img class="userImage" src="" alt="" />

这样，您就不需要在dom中使用未使用的对象。

使用JavaScript / jQuery显示图像 - 最佳实践方法？

1 个答案: