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/>');

after() in jquery

DEMO FIDDLE

hr标记在javascript中

3 个答案: