如何將JS對象轉換為jQuery元素？

Question

我得承認，我真的不知道我在做什么。 但我正試圖以OO的方式使用JS。

我有一個輸入數據的表單域。 在右側，我有一個“預覽”特別優惠的樣子。

當我在輸入字段中添加文本時，我希望它在預覽中顯示。

我嘗試使用以下代碼，但我不是很成功。 我認為我在這里缺少一些基本的知識/理解。

mirrorText: function(){
    var self = this;
    $('#title').keyup(function(){
        self.previewObject.title.text($(this).val());
     });
},

previewObject: {
    img: null,
    title: null,
    dateRange: null,
    address: null,

    init: function(){
        self.img = $('.offer-container .promo-img');
        self.title = $('.offer-container h3');
        self.dateRange = $('.offer-container .valid-through');
    }
}

請參閱此處的完整代碼 （jsfiddle）。

Answer 1

您不能在P （段落）中包含DIV，因此找不到元素。 我將其更改為另一個div作為示例。

你還在一個地方引用了self ，我認為應該是這個 （在init中）。

JSFiddle： http ： //jsfiddle.net/TrueBlueAussie/w0nn5Ls9/6/

Promo = {

    init: function(){
        var self = this;
        self.previewObject.init();
        self.mirrorText();
    },

    mirrorText: function(){
        var self = this;
        $('#title').keyup(function(){
            self.previewObject.title.html($(this).val());
         });
    },

    previewObject: {
        img: null,
        title: null,
        dateRange: null,
        address: null,

        init: function(){
            this.img = $('.offer-container .promo-img');
            this.title = $('.offer-container h3');
            this.dateRange = $('.offer-container .valid-through');
        }
    }
}    

Promo.init();