如何使用jQuery向加载的内容添加类

Question

我正在加载内容,我想为该内容添加一个类.

主要内容

<div id="notice">

</div>

要加载的内容.

<p>Se v&aring;r <br />
siste <span>KAMPANJE</span></p>
<p>V&aring;re <span>TILBUD</span></p>

到目前为止我的jQuery.

$('#notice').load('notice.asp'); // this loads ok.

// but this does not
$("#notice p:even").addClass("bluenotice noticecommon");

$("#notice p:odd").addClass("greennotice noticecommon");

我可以addClass()加载内容吗？

提前致谢.

Answer 1

您需要在.load()回调中执行该操作,因为稍后会加载内容(当服务器响应数据时),如下所示:

$('#notice').load('notice.asp', function() {
  $("#notice p:even").addClass("bluenotice noticecommon");
  $("#notice p:odd").addClass("greennotice noticecommon");
});

或者在旧浏览器中加快一点:

$('#notice').load('notice.asp', function() {
  $(this).find("p:even").addClass("bluenotice noticecommon");
  $(this).find("p:odd").addClass("greennotice noticecommon");
});