使用返回的jQuery html（）内容编辑HTML

Question

我想编辑一些从我保存的var中获得的HTML。像：

var testhtml = $('.agenda-rename').html(); 
console.log($('input',testhtml).attr('name')); 

也试过

console.log($(testhtml).find('input').attr('name')); 

，但我得到undefined？我想它会像$ .ajax，$ .get，$ .post一样工作？我还能怎么做呢？

Answer 1

当您拨打.html()时，您只能获取内容，而不是.agenda-rename。所以如果input是.agenda-rename的直接子，那么.find()将无法​​找到它。

也许只是为了更好地做没有.html()电话：

var testhtml = $('.agenda-rename').clone(); // or .clone(true) 
console.log($('input',testhtml).attr('name')); 

现在你有.agenda-rename元素（一个或多个），你就可以搜索嵌套在它/它们的元素。

---

编辑：基于评论，OP不希望修改原始。因此，可以使用.clone()。上面的答案已经过编辑以反映变化。

如果要保留事件，请使用.clone(true)。

---

编辑：原因$('input',testhtml)和$(testhtml).find('input')给出相同的结果是，他们实际上是一回事。

jQuery将第一个版本转换为第二个后台。因此，使用第二个比第一个更有效率。

这是jQuery生成开关的代码（在运行一系列其他测试以确定它通过后）。

http://github.com/jquery/jquery/blob/master/src/core.js#L150