AppendTo不在网页上工作

时间:2013-01-20 23:00:42

标签: jquery appendto

我有这个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

2 个答案:

答案 0 :(得分:1)

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

试试这个:

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

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

答案 1 :(得分:1)

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

所以:

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

如果是这样的话会有效。

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

安全