jQuery将焦点事件替换为文本框值

Question

I am trying to adding some text to textbox with on focusout event.

My JS Code is:

jQuery(".search-field input:text").focusout( function() {
    var ckClass = jQuery(this).attr('class').split(' ')[1];

    if(ckClass == 'inp_pa_bedroom'){
        jQuery('.inp_pa_bedroom').val('Hi I am replace');
    }else if(ckClass == 'inp_pa_bathroom'){
        jQuery('.inp_pa_bedroom').val('Hi I am replace');
    }
});

I am applying some condition based on this variable: var ckClass , but value is replacing and disappear.

I will thankful If someone guide me.

Answer 1

jQuery(function($){ // DOM ready and secure $ alias

 $('.search-field').find(".inp_pa_bedroom, .inp_pa_bathroom").focusout(function(){
    this.value = "Hi I am replace";
 });

 // Other DOM ready code here.
 // Use $ instead of jQuery if you care about your keyboard

});

Why not immediately target the desired class elements?
Go to the jQuery API docs and there you can find about the .find() method.

Answer 2

try to use hasClass() function. Use ".on" insted of focusout.

jQuery(".search-field input:text").on('focusout', function() {    
    if(jQuery(this).hasClass('inp_pa_bedroom')){
        jQuery(this).val('Hi I am replace');
    }else if(jQuery(this).hasClass('inp_pa_bathroom')){
        jQuery(this).val('Hi I am replace');
    }
});