Question

我需要创建以下HTML

<ul class="restListings searchResltsUlClass">
   <sub class="sub">RESTAURANT NEAR BY YOU</sub>
   <li vendor_id="1" class="usernewrestaurant">
      <h6>Raj Cool Drinks</h6>
      <p>Area,City,Stete</p>
      <a class="addtoLocation" title="Add to location" name="Add to location"></a>
   </li>
</ul>

但目前正在创建以下HTML

   <ul class="restListings searchResltsUlClass">
      <sub class="sub">
         RESTAURANT NEAR BY YOU
         <li vendor_id="1" class="usernewrestaurant">
            <h6>Raj Cool Drinks</h6>
            <p>Area,City,Stete</p>
            <a class="addtoLocation" title="Add to location" name="Add to location"></a>
         </li>
      </sub>
   </ul>

问题是li标签是在子标签内形成的。这是我的代码，它构成了上面的HTML

    var divhtml = $('<sub class="sub">RESTAURANT NEAR BY YOU</sub>');

    var area = response.userdetails.area;

    for(var i=0;i<response.length;i++)
    {
        if(response[i].area === 'undefined')
        {
        }
        else
        {
divhtml.append('<li  vendor_id="'+response[i].vendor_id+'"  class="usernewrestaurant" ><h6>'+response[i].vendor_name+'</h6><p>'+response[i].state+'</p></li>');
        }
    }

任何人都可以让我知道如何在子标签后推送li tgas吗？

Answer 1

.append()用于追加元素的内容。使用.after()在元素后添加内容：

divhtml.after('<li  vendor_id="'+response[i].vendor_id+'"  class="usernewrestaurant" ><h6>'+response[i].vendor_name+'</h6><p>'+response[i].state+'</p></li>');

如何在子标记后添加li标记

1 个答案: