jQuery追加实现正在破坏

时间:2017-01-27 19:23:37

标签: javascript jquery

所以我有这个代码,我试图改变 -

原始

jQuery(document).ready(function() {
  var name = '';
  var firstLastName = '[[T6:[[E48:[[S334:fr-id]]-[[S334:px]]:cons.first_name]]]] [[T6:[[E48:[[S334:fr-id]]-[[S334:px]]:cons.last_name]]]]';
  var screenname =  '[[T6:[[S48:0:screenname]]]]';

  if (screenname) {
    name = screenname;
  } else {
    name = firstLastName;
  }

  var splitName = name.split('');
  var nameCheck = splitName[splitName.length-1];

  jQuery('#personal_page_header h2').html("Support " + name + "'s Fundraiser" );
});

有人写了这篇文章并且不再在这里了,我现在要做的就是弄清楚如何替换现有文本,添加它。

现在,这段代码的作用是将h2内容替换为成分注册名称或屏幕名称。

我现在要做的就是附加内容,以便它会说出像

这样的内容
<h2>
  Welcome to my fundraiser
  <br/>
  "Support" + name + "'s Fundraiser"
</h2>

但不幸的是,我试过的东西打破了代码并阻止它工作。

我试图做的是:

jQuery('#personal_page_header h2').append('<span><br />"Support " + name + "'s Fundraiser"</span>' );

我试图做其他一些导致同样不成功的事情。

任何帮助都会非常感激! 感谢

2 个答案:

答案 0 :(得分:3)

这应该适合你:

jQuery('#personal_page_header h2').append("<span><br/>Support " + name + "'s Fundraiser</span>");

你的报价有点不合适。

答案 1 :(得分:2)

您需要正确连接代码,因此如果您希望"使用'进行连接。此外,您需要使用'转义字符串中的\

jQuery('#personal_page_header h2')
    .append('<span><br />"Support ' + name + '\'s Fundraiser"</span>');