jquery - Jqueryでaa変数を設定する方法

Question

次のような 2 つの変数があります。

var th = $(".on", parent.document.body).find('input').eq(0).val();
var th2 = $(".on", parent.document.body).find('input').eq(1).val();

ifここで、2 つの変数を含むステートメントを実行したいと思います。

if ($(th + th2, parent.document.body).val() == ''){ 

...


}

これは私にはうまくいきません。理由がわかりません。他のバリエーションも試しましたが、うまくいきませんでした。

Answer 1

2つの入力フィールドが空であるかどうかをテストしようとしている場合は、変数に格納した値に対してテストできます。

if (th == '' && th2 == '') {
    // the 2 input fields are empty    
}

Answer 2

jQueryはJavaScriptフレームワークであるため、プレーンJavaScriptを使用できます

if(th == '' && th2 == '') { ... }

Answer 3

2つのフィールド値を抽出したら、文字列の比較を行うだけなので、通常のJavascriptを使用します。

ただし、ユーザーがフィールドに残した可能性のある空白も無視したい場合があるため、次を使用します。

if ($.trim(th) === '' && $.trim(th2) === '') {
     // both fields are "empty"
     ...
}

また、コードの繰り返しを避け、次のことができる場合はネイティブのJavascriptおよびDOM呼び出しを利用する必要があります。

var $in = $(parent.document.body).find('.on input');  // Don't repeat yourself
var th = $in[0].value;   // more efficient than $in.eq(0).val()
var th2 = $in[1].value