Question

我做了一些代码宽度jquery我的目标是在#pivot及以上<li><a href="#">bottom</a></li>下添加列表怎么办？

当我尝试这样时，只添加<li><a href="#"></a></li>而没有文字“新行”

请教我

HTML

<li><a href="#">top</a></li>
<li id="pivot"><a href="#">Pivot</a></li> 
<li><a href="#">bottom</a></li>

的Javascript

var dom = '<li><a href="#"></a></li>';
$('a',dom).text('new row');
$('#pivot').after(dom);

Answer 1

dom不是实时节点。它只是字符串..

如果首先从中创建一个jquery对象，它将起作用

var dom = $('<li><a href="#"></a></li>');
$('a',dom).text('new row');
$('#pivot').after(dom);

Answer 2

那是因为你是从字符串创建一个jQuery对象，但是你不存储/使用创建的元素。

$(dom) // parse the string and create a jQuery object
   .find('a') // find the `a` descendants 
   .text('new row') // update their textContent
   .end() // get the previous jQuery collection
   .insertAfter('#pivot'); // insert the collection after `#pivot` element

JQUERY在父元素中更改子元素的文本或值

2 个答案: