Принуждение jQuery, чтобы ограничить его область до некоторого div

Question

Есть ли способ заменить $ чем-то вроде $_sub, действия которого содержатся в div? Например, я хочу, чтобы придать $_sub функцию и вместо того, чтобы использовать $, функция использует $_sub для ограничения его объема в пределах div, сохраняя при этом методы, которые могут быть вызваны на $ (например, я должен быть в состоянии сделать $_sub.ajax())

<a href="#">Outside </a> 
<div id="contents" > 
    <a href="#">Inside </a> 
</div> 

function modify($_sub) { 
    var inner_a = $_sub("a"); //should return only the inner <a> 
} 

context не будет работать для меня в этом сценарии. Я хочу, чтобы функция мыслила $_sub как $. Я могу изменить подпись функции, чтобы переименовать $_sub в $, чтобы функция даже не знала, что она использует ограниченную версию области действительного $.

Answer 1

Использование context: jQuery(selector [, context ])

Просто пройти второй параметр.

В вашем примере это будет: var inner_a = $("a", "#contents") что эквивалентно $("#contents").find("a")

What is "context" in jQuery selector?

Answer 2

Опции контекста упоминается в других ответах кажется более вменяемым, но если вы действительно не можете использовать его, вы могли бы вместо карри функцию автоматического обеспечения контекста, а затем передать выделанной функцию в вашей ИЗМЕНЯЮТ функции:

var curry = function() { 
 
    var args = Array.prototype.slice.call(arguments); 
 
    var fn = args[0]; 
 
    var after = args.slice(1); 
 

 
    return function() { 
 
    return fn.apply(this, after.concat(
 
     Array.prototype.slice.call(arguments))); 
 
    }; 
 
};  
 

 
var _$_sub = function(context, sel) { 
 
    return $(context).find(sel); 
 
} 
 

 
var $_sub = curry(_$_sub, '#content'); 
 

 
function modify($$) { 
 
    var inner_a = $$("a"); 
 
    console.log(inner_a.text()); 
 
} 
 

 
modify($_sub);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="">Outside</a> 
 
<div id="content"> 
 
    <a href="">Inside</a> 
 
</div>