0

変数に割り当てられている関数に引数を渡すにはどうすればよいですか。例えば：

var updateDiv = function() {
   var row = this;
   var values = "";
   $('input[type=text],textarea,input[type=radio]:checked,input[type=checkbox]:checked', this).each(function() {
       if ($(this).val()!="" && $(this).val()!=null) {
           if (values!="") values = values + ","+ $(this).val();
           else values +=  $(this).val();
         }
       });
      if (values!="") { 
       if(values.substring(0,1)==",") values = values.substring(1) +"<br>";
       else values = values +"<br>";
      } 
      $('.jist', row).append(values);
}

$('tr:has(input)').each(updateDiv);
$('tr:has(textarea)').each(updateDiv);

HTML：

<tr>
<td>ai</td><td> <input type="text" name="ai" id="ai"></td>
<td><input type="checkbox" name="ana" id="ana" value="N/A"></td>
<td><div class="jist"></div></td>
</tr>

updateDiv->に引数を渡したいupdateDiv("mystring"); このように関数で「mystring」を使用したい-> $('.'+mystring, row).append(values);

4

2 に答える 2

1

シンプルでクリーン

ここで明らかなことをどのように見逃したのかわかりません。

jQuery

var updateDiv = function(divClass) {    
    ...
    $(divClass, row).append(values);
}

$('tr:has(input)').each(function(){ updateDiv('.hist'); });
$('tr:has(textarea)').each(function(){ updateDiv('.something-else'); });

.

グローバル変数メソッド

クラス名を使用してグローバル変数を割り当てることができます。.each()各関数の前に変数を定義することによりupdateDiv、異なるクラス名が使用されます。

jQuery

var updateDiv = function() {    
    ...
    $(window.divClass, row).append(values);
}

window.divClass = '.hist';
$('tr:has(input)').each(updateDiv);
window.divClass = '.something-else';
$('tr:has(textarea)').each(updateDiv);​

.

HTML5 データ メソッド

呼び出されている要素に値をデータ オブジェクトとして割り当てることができます。また、セレクターと jQuery の冗長性の一部をクリーンアップしました。

フィドル: http://jsfiddle.net/iambriansreed/KWCdn/

HTML

<table>
    <tr data-update=".hist">
        <td>AutoI</td>
        <td> <input type="text" name="autoIH_complaint" id="autoIH_complaint"></td>
        <td><input class="NA" type="checkbox" name="autoINA" id="autoINA" value="N/A"></td>
        <td><div class="hist"></div></td>
    </tr>
</table>

jQuery

var updateDiv = function() {

    var row = this, values = "";
    $('input:text,textarea,:radio:checked,:checkbox:checked', this).each(function() {
        if (this.value != "" && this.value != null) {
            if (values != "") values = values + "," + this.value;
            else values += this.value;
        }
    });
    if (values != "") {
        if (values.substring(0, 1) == ",") values = values.substring(1) + "<br>";
        else values = values + "<br>";
    }
    $(row.data('update'), row).append(values);
}

$('tr:has(input)').each(updateDiv);
$('tr:has(textarea)').each(updateDiv);​
于 2012-07-17T18:38:45.520 に答える
0

.each()jQuery のメソッドと同じように、インデックスを関数に渡すことができます。

<div class="test">1</div>
<div class="test">2</div>​

これにより、インデックスに対して "0" がアラートされ、次に "1" がアラートされます。

var updateDiv = function( index )
{   
    alert( index );
}

$('.test').each(updateDiv);

文字列をパラメーターとして渡すと、.each(updateDiv("string1"))最初に関数が評価されます。

于 2012-07-17T18:38:32.087 に答える