从 JavaScript 函数到 jQuery 函数的访问元素

access element from javascript function to jquery function

本文关键字：函数 访问 元素 JavaScript jQuery      更新时间：2023-09-26

var id=0;// globel 
var elem=0;// globel
$.fn.myFunction = function(element){
    var sid = element.getAttribute('href'); 
    elem=element;   
    id=sid;
};
$(document).ready(function(){
	$.fn.myFunction();
	alert(id);
	alert(elem);
});
<a href="#div-1" id="link-id-1" onclick="$.fn.myFunction(this);">Link 1</a><br>
<a href="#div-2" id="link-id-2" onclick="$.fn.myFunction(this);">Link 2</a><br>
<div id="div-1" class="hideAll">aaaaaaaaaaaaaaaaa</div><br>
<div id="div-2" class="hideAll">bbbbbbbbbbbbbbbbbb</div>

此代码不起作用我想提醒id属性"link-id-1"或"link-id-2"，以及从javascript函数(myFunction())到jquery函数"#id-1"或"#id-2" href属性

您的代码中存在一个基本错误。您正在 $（document）.ready 上调用 $.fn.myFunction。它将没有元素的值。

使用这个 - 

var id=0;// globel 
var elem=0;// globel
$.fn.myFunction = function(element){
var sid = element.href; 
elem=element;   
id=sid;
alert(id);
alert(elem);
};

最好简单地使用jquery而不是JavaScript来完成此类任务 

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        alert($("#link-id-1").attr("id")); 
        alert($("#link-id-2").attr("id"));
        alert($("#link-id-1").attr("href")); 
        alert($("#link-id-2").attr("href")); 
    });
    </script>
</head>
<body>
        <a href="#div-1" id="link-id-1">Link 1</a><br>
        <a href="#div-2" id="link-id-2">Link 2</a><br>
        <div id="div-1" class="hideAll">aaaaaaaaaaaaaaaaa</div><br>
        <div id="div-2" class="hideAll">bbbbbbbbbbbbbbbbbb</div>
</body>
</html>
相关文章：