Question

＆＃13;

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);
});

＆＃13;

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

＆＃13;

此代码无效我想提醒id函数{{"link-id-1"属性"link-id-2"或href和"#id-1"属性"#id-2"或javascript 1}}到(myFunction())函数

Answer 1

您的代码中存在基本错误。你在$（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);
};

Answer 2

最好只使用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>

从javascript函数访问元素到jquery函数

2 个答案: