如何在添加之前修改html字符串中的元素

Question

也許我簡化了我的問題https://stackoverflow.com/posts/20577488/ 我忽略了一個重要的中間步驟。 我想：

• 創建一個JavaScript字符串X
• 爲x到jQuery對象
• 這個對象上的jQuery的東西

• 然後將其追加

  var x = "<p>Test</p><p>Test</p><p>Test</p><p>Test</p><p>Test</p><p>Test</p> "; 
  var template = $(x); 
  template.find('p').attr('class','something'); 
  template.appendTo(".inner"); 
  

  （右項？）

Answer 1

您需要使用filter而不是find。你正在尋找的是在根級別，所以你需要使用filter，因爲find將尋找p的後代在根級別。你也可以使用addClass添加一個類，除非你想刪除現有的類。

var x = "<p>Test</p><p>Test</p><p>Test</p><p>Test</p><p>Test</p><p>Test</p><p>Test</p>"; 
var template = $(x) 
template.filter('p').attr('class','something'); 
//Or you can use 
//template.filter('p').addClass('something'); 
template.appendTo(".inner"); 

Demo