Select all inputs, except elements inside Summernote's div

Question

Summernote's modals have modals with inputs inside.

My JS goes here:

$('input, select, textarea').on('change',
    function(e){
        var inputs = $('input:text, input[type="radio"]:checked').map(
            function(){
                /* show values */
            }
        ).get();
    }
);

Tried to use not() but it doesn't work:

var inputs = $('input:text, input[type="radio"]:checked')
    .not('div.note-editor > input')
    .map()
    .get();

Your ".not" might work if you use, ".not('div.form-group > input')" instead — MennyMez, Nov 16 '17 at 08:08
I can't use it, because needed inputs inside form-group too :( — Norman Edance, Nov 16 '17 at 08:23
Well you can also do ".not('div.note-editor div.form-group > input.note-link-text')" you can be as specific as you need — MennyMez, Nov 16 '17 at 08:27
Yeah, I might do that, however what if summernote have inputs that aren't wrapped in .form-group? I don't really know how many of them it has. — Norman Edance, Nov 16 '17 at 08:31

score 3 · Accepted Answer · answered Nov 16 '17 at 08:08

3

Using not is correct, but you should remove the > as it specifies a direct child, which the input is not. So

var inputs = $('input:text, input[type="radio"]:checked')
    .not('div.note-editor input')
    .map()
    .get();

answered Nov 16 '17 at 08:08

Federico klez Culloca

26,308
17
56
95

Ninja! Thought that `>` specifies _indirect_ child. My bad :( – Norman Edance Nov 16 '17 at 08:27
1

BTW as [Adrien Be](https://stackoverflow.com/users/759452/adrien-be) wrote [here](https://stackoverflow.com/a/29006774/5193609) `:not` has better performance than `.not()`, see [Performance differences between using “:not” and “.not()” selectors?](https://stackoverflow.com/questions/8845811/performance-differences-between-using-not-and-not-selectors) – Norman Edance Nov 16 '17 at 08:39

Select all inputs, except elements inside Summernote's div

1 Answers1