jQuery选择器作为函数参数

时间:2012-07-28 16:30:20

标签: jquery oop

在下面的代码中,我尝试将jQuery listView选择器作为参数传递给函数“makeObject”。我遇到的问题是代码无法识别函数“createList”中选择器的.listview方法。

我想要一个简单地传入字符串并重新构建内部选择器的解决方案 被调用的函数。

<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        function Object() {
            this.selector;
            this.createList;
        }

        function makeObject(selector) {
            var result = new Object();
            result.selector = selector;
            result.createList = createList;

            return result;
        }

        function createList() {
            this.selector.append("<li>list item 1</li>");
            this.selector.append("<li>list item 2</li>");
            this.selector.append("<li>list item 3</li>");
            this.selector.listview("refresh");
        }

        var selectorParam = $("#testList");
        var testObject = makeObject(selectorParam);
        testObject.createList();
    </script>
</head>

<body>
    <ul id="testList" data-role="listview"></ul>
</body>

1 个答案:

答案 0 :(得分:2)

你不想只想这样做:

    $("#testList").append('<li>item 3</li>')

    function makeObject(selector) {
         $(selector).append('<li>item 3</li>')
    }
相关问题