为什么这个 div 不在 jQuery 中添加一个类？

Question

我对我的数据库进行了$.get 调用，它返回了一些 HTML (data)：

$.get(url, null, function(data) {

它返回的 HTML 是这样的：

<div id="1234" class="myclass">..more html..</div>

在我的回调函数中，我尝试向它添加一个类（基于我已经测试成功达到的一些条件），如下所示：

if (someCondition) $(data).addClass('mynewclass' + someId);

即使someCondition 为真，我的HTML 也没有添加mynewclass[someId] 类。有什么理由说这可能是我愚蠢地忽略了？

谢谢...：\

编辑

这是a link 的可重现示例。这并不完全是我正在做的事情（我没有在外面使用 var 来获取我的数据，但我正在重现相同的效果）。注意它是如何在测试中显示为“假”的。

Answer 1

问题是您正在创建多个 div 对象。您正在创建的第一个正在被丢弃。然后创建一个新的，它没有之前添加的类。

保持对第一次创建的 div 的引用，并应用该类。然后将相同的 div 添加到页面。

function(something) {
    var div = $(data).addClass('someClass');
    $('#container').html(div + div.is('.someClass'));
}

但是，现在我们处理的是对象 (div) 而不是字符串，尝试将对象转换为字符串将产生 "[object Object]"。所以修改append函数为：

$('#container').empty();
$('#container').append(div).append(String(div.is('.someClass')));

See your example updated.

Answer 2

jQuery 像原始 javascript 一样在 DOM 上工作。而您正在做的是尝试操作数据（在您的情况下，HTML 是长字符串）。在开始使用它之前，您需要至少将您请求的 HTML 数据添加到 DOM。你的回调应该是这样的..

function(data){
  $('#container_to_fit_data').html(data); // Adding to Document
  someId = 1234;
  if (someCondition) 
      $('#'+someId, '#container_to_fit_data').addClass('mynewclass' + someId);
      // or lets see it in simplest form
      // $('#container_to_fit_data').find('#'+someId).addClass('mynewclass' + someId);
}

[编辑]

@Anurag jQuery 能够操作字符串数据是真的，但非 ID 事务的情况并非如此。

你可以看到，

DOM_STR1 = "<div>
              <p>
                 <strong>Strong</strong>
                 <span class='myclass'>Span</span>
              </p>
            </div>"

DOM_STR2 = "<p>
              <strong>Strong</strong>
              <span class='myclass'>Span</span>
            </p>"


$('span.myclass', DOM_STR1) // We find span. Allright.
$('span.myclass', DOM_STR2) // We find span. Cool.

$('p', DOM_STR1) // We find p too. But..
$('p', DOM_STR2) // Empty. Never return p, Why??
$('div', DOM_STR1) // Empty Again. Why??

'div' 存在于 DOM_STR1 中，'p' 存在于 DOM_STR2 中的方式相同。为什么 jQuery 无法读取包装元素，却从字符串中找到子元素？？

所以，当数据无论如何都需要在 DOM 上时，从字符串中操作它是没有意义的。

Answer 3

@Jason：这就是我的意思，您需要在 jQuery 对象上使用 .addClass，而不是原始 HTML。或者您需要模式匹配“数据”，将其视为字符串（它是）并将您的类注入到类属性中。

Answer 4

“数据”变量是指返回信息的整个集合。这样的事情应该可以工作：

if(someCondition) { $(data).find('#1234').addClass('mynewclass'+someId); }