jquery - AppendTo 在网页上不起作用

Question

我有这个 jQuery 脚本：

$('.company').each(function(i, item) {
  var tempTitle = item.title;
  $('Working').appendTo("div[title='" + tempTitle + "']");
});

这是HTML：

<li><div class="company" title="32"></div><div class="shortdescription">Short Description Here</div></li>
<li><div class="company" title="33"></div><div class="shortdescription">Short Description Here</div></li>
<li><div class="company" title="34"></div><div class="shortdescription">Short Description Here</div></li>
<li><div class="company" title="35"></div><div class="shortdescription">Short Description Here</div></li>
<li><div class="company" title="36"></div><div class="shortdescription">Short Description Here</div></li>

并且没有在 div 中添加任何细节。

我犯的错误在哪里？o_o

Answer 1

appendTo需要附加 HTML 或 jQuery 包装元素。您正在传递简单的字符串工作。

尝试这个：

$('.company').each(function(i, item) {
  var tempTitle = item.title;
  $('<div>appeded by jQuery</div>').appendTo("div[title='" + tempTitle + "']");
});

现在替换<div>appeded by jQuery</div>为您要附加的 HTML。

Answer 2

在保持简单的基础上 - OP 的代码看起来可能是机器生成的，因此他可以依赖结构保持不变

所以：

$('.company').each(function(i, item) {
  $(this).next().append('Working');
});

如果是这样的话会起作用。

或者

$(this).next('.shortdescription').append(' Working');

为了安全