javascript - 尝试计算 jQuery 中的数量，然后将其插入到 HTML 标记中

Question

背景信息:我需要将注册的参与者数量乘以 11。CMS 内部标签会为我拉取数据，我只需要自动插入我需要的结束值，而不必每次都更改它新人注册。

HTML:

<table style="width: 100%; border: 1px solid #c94779;" border="0" align="center">
<tbody>
<tr>
<td style="background-color: #c94779; color: #ffffff; padding-left: 14px; padding-top: 8px; width: 100%; height: 28px; font-family: Rockwell; font-size: 1.357em; text-transform: uppercase;">Thank you!</td>
</tr>
<tr>
<td style="vertical-align: top; padding-left: 14px; padding-top: 3px;" valign="top">
<p><span class="subheading">The hard work of our Ambassadors is paying off</span></p>
<p><strong>Total Women Educated:</strong> <strong>[[C1:sponsor_2]]</strong></p>
<p id="womenreached">  </p>
<p><strong>Fundraising Total:</strong> <strong><convio:session name="42" param="0:dollars"></convio:session></strong></p>
<p><strong>Number of Ambassadors:</strong> <strong><convio:session name="42" param="0:num-participants"></convio:session></strong></p>
</td>
</tr>
</tbody>
</table>

JavaScript:

jQuery(document).ready(function() {
   var reached = '';
   var participants = '[[S42:15793:num-participants]]';
   var women =  'participants * 11';
   if (women) {
       reached = women;
      }
   else {
       reached = 0;
      }  
    jQuery('#womenreached p').html("Total Women Reached: " + reached);
});

我在 var participants 中使用的 S42 标签是 CMS 系统用来提取数据的自定义标签。我注意到当根本没有插入“Total Women Reached:”部分时，它根本不起作用。

我尝试在 jsfiddle 中执行此操作并将 s42 标记替换为 var participants = '600' 但它也不起作用。我试图阅读该文档，但我无法弄清楚我做错了什么。

如有任何帮助，我们将不胜感激!

谢谢

Answer 1

问题是引号。假设 CMS 值为数字，删除 participants 周围的引号值(value)以及您正在进行的计算。

另请注意，您的 if语句也很多余，因为值已经是 0在其他情况下，将其设置为 0 .

试试这个:

$(document).ready(function() {
   var participants = [[S42:15793:num-participants]]; // assuming this value comes from server
   var women = participants * 11;
   $('#womenreached').text("Total Women Reached: " + women);
});

工作示例:

var participants = 600;
var women = participants * 11;
console.log("Total Women Reached: " + women);