簡體   English   中英

如何在jquery中使用JavaScript實例/通過jquery選擇JavaScript句柄?

[英]How to use a javascript instance in jquery/Select a javascript handle via jquery?

作為一個jquery初學者,我應該將一個javascript對象綁定到我的jquery函數中,例如:

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

在行動中,我將處理“ this”:

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

但“實例”不是jquery對象,因此我無法使用它。 語法

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

也不幫我

我很高興有任何建議

如果您使用的是jQuery,則應將HTML和相關JavaScript的定義完全分開。 例如

HTML:

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

JavaScript的:

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

關注點分離

這應該工作...

<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>

HTML:

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

Javascript(使用jQuery):

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM