hr標記在javascript中

Question

我正在研究phonegap，我是新手。 我想在顯示的菜單項下使用hr繪制一條線。 但不幸的是我無法這樣做。

如果有人可以在這方面提供幫助。 提前致謝。

這是代碼片段

{
 success:function(res,code) {
                entries = [];
                var xml = $(res);
                var items = xml.find("item");
                $.each(items, function(i, v) {

                    category1.push($(v).find("category").text());
                    /*  $("#status").append("menu_type <b>"+menu_type+"</b><br/>");  */
                    console.log( "PRICE" + ": " +  $(v).find("menu_type").text() );


                });
                var category = category1.unique();
                var select = document.getElementById("selectNumber");

                for(var i = 0; i < category.length; i++) {
                     var el1 = document.createElement("li");
                    var opt = category[i];
                    var el = document.createElement("a");
                    el.textContent = opt;
                    el.value = opt;
                    el1.appendChild(el);
                    select.appendChild(el1);
                }

}

Answer 1

嘗試添加類似此document.getElementById("ElementBelowWhichHRShouldCome").appendChild(document.createElement('hr'));

Answer 2

嘗試innerHTML。 這是一個例子：

http://jsfiddle.net/Wxv6n/

var doc = document;
var get = function(id){return doc.getElementById(id);};

get("foo").innerHTML = '<hr/>';

..並且不要忘記緩存對document的引用

Answer 3

在每個菜單項之后，您可以使用它。它非常簡單。

$("#menu_item").after('<hr/>');

在jquery中的after（）

DEMO FIDDLE