javascript - Exclude an element with a specific attribute from jQuery selectors - Stack Overflow

admin管理员组

文章数量:1290945

I am using this javascript to empty an input/textarea when focussed.

   $(document).ready(function() {
    $('input[type="text"],textarea').not('[readonly="readonly"]').addClass("idleField");
    $('input[type="text"],textarea').focus(function() {
        $(this).removeClass("idleField").addClass("focusField");
        if (this.value == this.defaultValue){
            this.value = '';
        }
        if(this.value != this.defaultValue){
            this.select();
        }
    });
    $('input[type="text"],textarea').blur(function() {
        $(this).removeClass("focusField").addClass("idleField");
        if ($.trim(this.value) == ''){
            this.value = (this.defaultValue ? this.defaultValue : '');
        }
    });
   });

I am looking for a way to exclude those input fields, which are set readonly via readonly="readonly". I know I should be using .not (I guess), but I can not figure out how.

I am using this javascript to empty an input/textarea when focussed.

   $(document).ready(function() {
    $('input[type="text"],textarea').not('[readonly="readonly"]').addClass("idleField");
    $('input[type="text"],textarea').focus(function() {
        $(this).removeClass("idleField").addClass("focusField");
        if (this.value == this.defaultValue){
            this.value = '';
        }
        if(this.value != this.defaultValue){
            this.select();
        }
    });
    $('input[type="text"],textarea').blur(function() {
        $(this).removeClass("focusField").addClass("idleField");
        if ($.trim(this.value) == ''){
            this.value = (this.defaultValue ? this.defaultValue : '');
        }
    });
   });

I am looking for a way to exclude those input fields, which are set readonly via readonly="readonly". I know I should be using .not (I guess), but I can not figure out how.

• javascript
• jquery
• css-selectors

Share Improve this question Follow asked Dec 10, 2010 at 6:22 StoicStoic 10.8k66 gold badges4343 silver badges6262 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

If you want all input elements that are writable (not readonly), you can use the following selector:

$("input:not([readonly])")

The parameter after :not is the selector to match. [readonly] will match anything where readonly is set. Note that the following will not always work:

[readonly="readonly"]

As you could have both of these:

<input readonly type="text">
<input readonly="readonly" type="text">

You can also use the ":input" psuedo-selector instead of "input,textarea". See the documentation here.

本文标签： javascriptExclude an element with a specific attribute from jQuery selectorsStack Overflow