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

时间:2013-02-15 06:21:49

标签: search innerhtml

长时间读者。第一次提问。我从这个论坛学到了很多东西..

我正在使用在线数据库(Caspio.com)并将其配置为返回搜索结果。基本上我的数据库有一个“会员”字段,可以有3个级别 - Basic,Pro和Premium。根据会员级别,我需要在搜索结果页面中显示不同的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)innerHTML

<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>

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

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

我真的很感激帮助。

1 个答案:

答案 0 :(得分:0)

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

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