2011-10-18 6 views
2

jqueryの - 初心者として、私は次のように、私のjqueryの関数にjavascriptオブジェクトをバインドする必要があります。jqueryでjavascriptインスタンスを使用する方法/ jqueryでjavascriptハンドルを選択する

<div title="StackOverflow" onclick="javascript:action(this)">Content</div> 

とアクションでi "は、この" ハンドルます:

function action(instance){ 
example=instance.attr("title"); 
} 

が、「インスタンスを"jqueryオブジェクトではないので、私はそれを扱うことはできません。構文

example=$(instance).attr("title"); 

私も役に立ちません。

私が何か提案

+0

あなたはjavascript:onclickを置く必要はありません。 – Birey

+1

アクション($(this))を使用しても動作しますが、 "instance"パラメータはそこからjQueryオブジェクトです。とにかく残念なことです。 – RafH

答えて

1

これは動作するはずです...

<html> 
    <head> 
     <title>Test</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
     <script> 
      function action(instance){ 
       example=$(instance).attr("title"); 
       alert(example); 
      } 
     </script> 
    </head> 

    <body> 
     <a id="test" title="StackOverflow" onclick="javascript:action(this)" href="#">Content</a> 
    </body> 
</html> 
0

HTMLの喜んでいると思います:あなたはjQueryのを使用している場合、あなたは完全に分離する必要があり

$('#stack').click(function(){ 
    alert(this.title); 
}); 
3

:(jQueryを使って)

<div title="StackOverflow" id="stack">Content</div> 

のJavascript HTMLとそれに関連するJavaScriptの定義。例えば

HTML:

<div id="soDiv" title="StackOverflow">Content</div> 

はJavaScript:

$(document).ready(function() { 
    $('#soDiv').click(function() { 
    var example = $(this).attr('title'); 
    ... 
    }); 
}); 
1
// HTML file 
<div title="StackOverflow" id="stackoverflow">Content</div> 
// JS File 
document.getElementById("stackoverflow").addEventListener("click", function() { 
    var example = this.getAttribute("title"); 
}); 

Seperations of concerns

関連する問題