jQuery如何获取代码中的div?

jQuery如何获取代码中的div?,jquery,jquery-selectors,Jquery,Jquery Selectors,如何从这个(最后一个)列表项中获取div 目前我有这个,这是很难看的…有没有关于更干净的选择器/解决方案的建议 var div = ul.append("<li><div></div></li>").contents("li:last-child")[0].children[0]; var div=ul.append(“”).contents(“li:last child”)[0]。children[0]; 谢谢 像这样 var div = u

如何从这个(最后一个)列表项中获取div

目前我有这个,这是很难看的…有没有关于更干净的选择器/解决方案的建议

var div = ul.append("<li><div></div></li>").contents("li:last-child")[0].children[0];
var div=ul.append(“
  • ”).contents(“li:last child”)[0]。children[0];
    谢谢

    像这样

    var div = ul.append("<li><div></div></li>").contents("li:last-child > div")[0];
    
    var div=ul.append(“
  • ”).contents(“li:last child>div”)[0];
    像这样吗

    var div = ul.append("<li><div></div></li>").contents("li:last-child > div")[0];
    
    var div=ul.append(“
  • ”).contents(“li:last child>div”)[0];
    这个怎么办:

    ul.append("<li><div></div></li>").contents("li:last-child > div").get(0);
    
     var div = $('<li><div/></li>').appendTo(ul).find('div');
    
    ul.append(“
  • ”).contents(“li:last child>div”).get(0);
    这个怎么办:

    ul.append("<li><div></div></li>").contents("li:last-child > div").get(0);
    
     var div = $('<li><div/></li>').appendTo(ul).find('div');
    
    ul.append(“
  • ”).contents(“li:last child>div”).get(0);
    您也可以以不同的方式添加:

    var div = $('<div/>'); 
    // do whatever you need to do with the div
    $('<li/>').appendTo(ul).append(div);
    
    var div=$('');
    //做任何你需要做的事
    $(“
  • ”).appendTo(ul).append(div);
  • 您也可以以不同的方式添加:

    var div = $('<div/>'); 
    // do whatever you need to do with the div
    $('<li/>').appendTo(ul).append(div);
    
    var div=$('');
    //做任何你需要做的事
    $(“
  • ”).appendTo(ul).append(div);
    我认为:

    var div = ul.append('<li><div></div></li>').find("li:last div");
    
    var div=ul.append('
  • ')。查找(“li:last div”);
    我认为:

    var div = ul.append('<li><div></div></li>').find("li:last div");
    
    var div=ul.append('
  • ')。查找(“li:last div”);
    这个怎么样:

    ul.append("<li><div></div></li>").contents("li:last-child > div").get(0);
    
     var div = $('<li><div/></li>').appendTo(ul).find('div');
    
    var div=$('
  • ).appendTo(ul.find('div');
    这个怎么样:

    ul.append("<li><div></div></li>").contents("li:last-child > div").get(0);
    
     var div = $('<li><div/></li>').appendTo(ul).find('div');
    
    var div=$('
  • ).appendTo(ul.find('div');
    为了完整起见:

    var div = $('<div></div>').appendTo($("<li></li>").appendTo(ul));
    
    var div=$('').appendTo($(“
  • ”).appendTo(ul));
    为了完整起见:

    var div = $('<div></div>').appendTo($("<li></li>").appendTo(ul));
    
    var div=$('').appendTo($(“
  • ”).appendTo(ul));
    var div=ul.append(
  • ).find('div').get(0);
  • 我想这就是你想要的。

    var div=ul.append(
  • ”).find('div').get(0);

    我认为这就是您要寻找的。

    使用数组索引只返回HtmleElement对象,因此删除了许多jQuery的有用功能,因此请小心。我倾向于这样做:

    var div = $("<div/>").appendTo($("<li/>").appendTo(ul));
    
    var div=$(“”)。appendTo($(“
  • ”)。appendTo(ul));
  • 从最内层到最外层,这将创建一个列表项,将其附加到列表中,创建一个div,将其附加到新的列表元素中,并返回仍然包装在jQuery中的div。如果愿意,可以附加一个数组索引以仅获取HTMLElement:

    var div = $("<div/>").appendTo($("<li/>").appendTo(ul))[0];
    
    var div=$(“”)。appendTo($(“
  • ”)。appendTo(ul))[0];
  • 使用数组索引只返回HtmleElement对象,因此删除了许多jQuery的有用功能,所以要小心。我倾向于这样做:

    var div = $("<div/>").appendTo($("<li/>").appendTo(ul));
    
    var div=$(“”)。appendTo($(“
  • ”)。appendTo(ul));
  • 从最内层到最外层,这将创建一个列表项,将其附加到列表中,创建一个div,将其附加到新的列表元素中,并返回仍然包装在jQuery中的div。如果愿意,可以附加一个数组索引以仅获取HTMLElement:

    var div = $("<div/>").appendTo($("<li/>").appendTo(ul))[0];
    
    var div=$(“”)。appendTo($(“
  • ”)。appendTo(ul))[0];
  • 我的解决方案是:

    var div = ul.append("<li><div></div></li>").find("div:last");
    
    var div=ul.append(“
  • ”).find(“div:last”);
    我的解决方案是:

    var div = ul.append("<li><div></div></li>").find("div:last");
    
    var div=ul.append(“
  • ”).find(“div:last”);
    BTW:为什么在LI中使用DIV?BTW:为什么在LI中使用DIV?