javascriptメソッドとオブジェクトパラメータを使用してhtmlを生成する方法

ターボ2oh

JavaScriptでリンクを生成しています

<a href="#" onClick="openContactDetailPage('+JSON.stringify(contact)+')">'+ formattedName + '</a>

ただし、引用符はオブジェクト内でエスケープされないため、実際には機能しません。

私が持っていた元のリンクは:

<a href="#" onClick="openContactDetailPage('+contact+')">'+ formattedName + '</a><

これは、実際のオブジェクトではなく、[オブジェクト]テキストを表示するだけです。これには簡単な解決策が必要だと感じています。私はそれを見つけることができないようです。

更新:リンクが一般的でないように修正されました

Melvinr

次のことができます。

$(document).ready(function(){
    var contacts = {one:'John', two: 'Anne'};  
    for (var prop in contacts) {
        var $anchor = $('<a href=""></a>').text(prop)
        .click(function(e){
            e.preventDefault();
            method({hi:'hi'});
        });
        $('#contacts').append($anchor).append('<br/>');
    }
});

function method(myObject){

    var $response = $('#response');

    for (var prop in myObject) {
        $response.append(prop).append('<br/>');
    }
}

このjsfiddleを確認してください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Javascriptでオブジェクトのメソッドをパラメータとして渡す方法

分類Dev

Angularのgetメソッドのパラメーターとしてオブジェクトを使用する

分類Dev

メソッドパラメータとして匿名オブジェクトを送信する方法は?

分類Dev

onPauseメソッドのパラメーターとしてonCreateからオブジェクトを取得するメソッドの使用方法

分類Dev

別のクラスjavaからオブジェクトとしてパラメータを使用してメソッドを呼び出す方法は?

分類Dev

予期しない識別子エラーを取得せずに、メソッドパラメータとしてオブジェクトをJavaScriptに渡す方法

分類Dev

Typescript:ジェネリックパラメータをオブジェクトキーとして使用する方法

分類Dev

Spring-Boot WebMvcTest:認証オブジェクトパラメーターを使用してコントローラーメソッドをテストする方法

分類Dev

メソッドにパラメーターとして渡されないOCMockでオブジェクトをモックする方法は?

分類Dev

WriteメソッドのパラメーターとしてViewオブジェクトを渡す

分類Dev

あるオブジェクトをフィールドとして使用する場合(関連付け)とメソッドパラメータ(依存関係)を別のオブジェクトの内部として使用する場合

分類Dev

Delphi:メソッドのパラメータとして動的に作成されたオブジェクトを解放する方法

分類Dev

剣道データソースの読み取りメソッドで配列オブジェクトをパラメーターとして渡す方法は?

分類Dev

ES6クラスインスタンスのプロパティとメソッドを使用してオブジェクトを拡張する方法

分類Dev

ページオブジェクトをパラメータとして渡すときに例外をスローするSeleniumIJavaScriptExecutor `ExecuteScript()`メソッド

分類Dev

メソッドパラメータをオブジェクトキーとして使用して反応し、状態を更新します

分類Dev

JUnitテストでメソッドのメソッドパラメータとして渡されるオブジェクトのメソッド呼び出しをモックする方法

分類Dev

パラメータを使用してオブジェクトを作成する方法

分類Dev

Google Guiceを使用して、パラメーターを必要とするオブジェクトを作成する方法

分類Dev

パラメータとして渡すことによって、メソッド内のオブジェクトを使用して

分類Dev

this.typeを型パラメーターとして使用してオブジェクトを返すメソッド型

分類Dev

オブジェクトをパラメーターとして剣道グリッド読み取りメソッドに渡す方法

分類Dev

メソッドの戻り値は、メソッドパラメータとして渡されたオブジェクトを変更しています

分類Dev

Javaのオプションオブジェクトからパラメータを使用してメソッドを呼び出す方法

分類Dev

サーブレットからパラメータとしてオブジェクトを取得する方法

分類Dev

Micronaut httpメソッド(@ Get、@ Post、..)のパラメーターとしてカスタムオブジェクトをバインドする

分類Dev

オブジェクト名と値のペアをパラメーターとしてメソッドに渡す方法は?

分類Dev

1つのメソッドのみで任意のタイプのオブジェクトを入力パラメーターとして渡す方法

分類Dev

タイプのオブジェクトをパラメーターとしてWebApi Get / Postメソッドに渡す方法

Related 関連記事

  1. 1

    Javascriptでオブジェクトのメソッドをパラメータとして渡す方法

  2. 2

    Angularのgetメソッドのパラメーターとしてオブジェクトを使用する

  3. 3

    メソッドパラメータとして匿名オブジェクトを送信する方法は?

  4. 4

    onPauseメソッドのパラメーターとしてonCreateからオブジェクトを取得するメソッドの使用方法

  5. 5

    別のクラスjavaからオブジェクトとしてパラメータを使用してメソッドを呼び出す方法は?

  6. 6

    予期しない識別子エラーを取得せずに、メソッドパラメータとしてオブジェクトをJavaScriptに渡す方法

  7. 7

    Typescript:ジェネリックパラメータをオブジェクトキーとして使用する方法

  8. 8

    Spring-Boot WebMvcTest:認証オブジェクトパラメーターを使用してコントローラーメソッドをテストする方法

  9. 9

    メソッドにパラメーターとして渡されないOCMockでオブジェクトをモックする方法は?

  10. 10

    WriteメソッドのパラメーターとしてViewオブジェクトを渡す

  11. 11

    あるオブジェクトをフィールドとして使用する場合(関連付け)とメソッドパラメータ(依存関係)を別のオブジェクトの内部として使用する場合

  12. 12

    Delphi:メソッドのパラメータとして動的に作成されたオブジェクトを解放する方法

  13. 13

    剣道データソースの読み取りメソッドで配列オブジェクトをパラメーターとして渡す方法は?

  14. 14

    ES6クラスインスタンスのプロパティとメソッドを使用してオブジェクトを拡張する方法

  15. 15

    ページオブジェクトをパラメータとして渡すときに例外をスローするSeleniumIJavaScriptExecutor `ExecuteScript()`メソッド

  16. 16

    メソッドパラメータをオブジェクトキーとして使用して反応し、状態を更新します

  17. 17

    JUnitテストでメソッドのメソッドパラメータとして渡されるオブジェクトのメソッド呼び出しをモックする方法

  18. 18

    パラメータを使用してオブジェクトを作成する方法

  19. 19

    Google Guiceを使用して、パラメーターを必要とするオブジェクトを作成する方法

  20. 20

    パラメータとして渡すことによって、メソッド内のオブジェクトを使用して

  21. 21

    this.typeを型パラメーターとして使用してオブジェクトを返すメソッド型

  22. 22

    オブジェクトをパラメーターとして剣道グリッド読み取りメソッドに渡す方法

  23. 23

    メソッドの戻り値は、メソッドパラメータとして渡されたオブジェクトを変更しています

  24. 24

    Javaのオプションオブジェクトからパラメータを使用してメソッドを呼び出す方法

  25. 25

    サーブレットからパラメータとしてオブジェクトを取得する方法

  26. 26

    Micronaut httpメソッド(@ Get、@ Post、..)のパラメーターとしてカスタムオブジェクトをバインドする

  27. 27

    オブジェクト名と値のペアをパラメーターとしてメソッドに渡す方法は?

  28. 28

    1つのメソッドのみで任意のタイプのオブジェクトを入力パラメーターとして渡す方法

  29. 29

    タイプのオブジェクトをパラメーターとしてWebApi Get / Postメソッドに渡す方法

ホットタグ

アーカイブ