элемент доступа от функции яваскрипта для функции JQuery

-2

элемент доступа от функции яваскрипта для функции JQuery

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

 
\t $.fn.myFunction(); 
 
\t alert(id); 
 
\t 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" и href атрибуты "#id-1" или "#id-2" из javascript функции (myFunction()) к jquery функции

источник

2016-02-08 Dcoder

вы не передавая 'element' функции? –

что вы пытаетесь сделать? –

Вы плохо вызываете метод прототипа jq, он должен быть '$ (this) .myFunction();'. Тем не менее, вы не должны использовать обструктивные js, связать событие, используя более подходящий метод, а не атрибут onclick –

В вашей код. Вы вызываете $ .fn.myFunction на $ (document) .ready. Он не будет иметь значения для элемента.

Используйте это -

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

источник

2016-02-08 10:01:44

Но они все еще в этой функции Я хочу передать эти id и sid функции jquery и я хочу добавить некоторые эффекты на него – Dcoder

, вы можете выбрать href элемента с помощью jQuery следующим образом: $ ("# link-id-1") [0] .href –

может передать этот идентификатор globel id и elem в $ (документ) .ready (function() { alert (id), alert (elem); }); – Dcoder

его лучше использовать 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>

источник

2016-02-08 10:05:39

элемент доступа от функции яваскрипта для функции JQuery

ответ

Смежные вопросы