search - innerHTML 或 jquery.html() API 不适用于多个搜索记录

Question

长期读者。第一次问问题。我从这个论坛学到了很多东西。。

我正在使用在线数据库 (Caspio.com) 并将其配置为返回搜索结果。基本上，我的数据库有一个“会员”字段，它可以有 3 个级别 - 基本、专业和高级。根据会员级别，我需要在搜索结果页面中显示不同的 HTML 代码。

我已经尝试过 a) Jquery 的 html() API

<div id="biz-name"></div>

<script type="text/javascript">
var membership = '[@field:Membership]';
if (membership == 'Basic') 
{
   $("#biz-name").html("[@field:Company_name]");
}
</script>

b) 内部HTML

<div id="biz-name"></div>

<script type="text/javascript">
var membership = '[@field:Membership]';
if (membership == 'Basic') 
{
   document.getElementById('biz-name').innerHTML ='[@field:Company_name]';
}
</script>

在这两种情况下，当搜索返回多个结果时，只会更新第一个结果的 div。但是，它具有LAST结果的 Company_name 的值。

有谁知道如何调整它以使其在每个结果的基础上工作？

我非常感谢您的帮助。

Answer 1

我不太明白您希望如何显示结果，但我认为对多个元素使用相同的 ID 属性并不好。尝试改用类。此外，当您以这种方式操作多个结果时，我认为您需要使用 each() 函数。

$(".biz-name").each(function() { $(this).html("...") });