blocks|key|478076|text|$.fn.myCustomFunction+=+function(){
++++//+this+or+$(this)+is+$(".my_selected+.element")

}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|478077|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$.fn.myCustomFunction = function(){
 // this or $(this) is $(".my_selected .element")

}
</code></pre>

blocks|key|4109990|text|编写一个插件：http://docs.jquery.com/Plugins/Authoring|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4109991|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Plugins/Authoring^0|7|14|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Write a plugin: <a href="http://docs.jquery.com/Plugins/Authoring" rel="nofollow">http://docs.jquery.com/Plugins/Authoring</a>

blocks|key|4394590|text|您可以通过添加自己的函数来扩展jQuery的功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4394591|jQuery.fn.myCustomFunction+=+function()+{

};|code-block|syntax|javascript|4394592|如果我没记错的话，this关键字在函数中可以正常工作。|offset|length|style|CODE|4394593|entityMap^0|0|0|9|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You extend jQuery's functionality by adding your own function as so:

<pre><code>jQuery.fn.myCustomFunction = function() {

};
</code></pre>

The <code>this</code> keyword works as intended within the function if I remember correctly.

blocks|key|4394626|text|使用下面的代码，查看一个有效的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4394627|(function(+$+){
++$.fn.myCustomFunction=+function()+{

++++alert($(this).html());

++};
})(+jQuery+);

$(".my_selected+.element").myCustomFunction();|code-block|syntax|javascript|4394628|这是扩展jQuery的简单方法|4394629|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Use the code below, see a working <a href="http://jsfiddle.net/usmanhalalit/zNC3W/" rel="nofollow">demo here</a> 

<pre><code>(function( $ ){
 $.fn.myCustomFunction= function() {

 alert($(this).html());

 };
})( jQuery );

$(".my_selected .element").myCustomFunction();
</code></pre>

It is the simple way of extending jQuery

blocks|key|480458|text|如果您不是在谈论实际编写jQuery插件，那么听起来您似乎想要使用each函数。如果您知道从选择器返回的所有项都支持该函数，则可以执行以下操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|480459|$('li').each(function(index)+{
++++alert(index+%2B+':+'+%2B+$(this).text());
});|code-block|syntax|javascript|480460|有关此jQuery方法http://api.jquery.com/each/的其他信息|offset|length|480461|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/each/^0|0|0|B|R|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Sounds like you want the each function if you aren't talking about actually writing a jQuery plugin. If you know all of your items returned from the selector support the function you could just do something like.

<pre><code>$('li').each(function(index) {
 alert(index + ': ' + $(this).text());
});
</code></pre>

Additional information about this jQuery approach <a href="http://api.jquery.com/each/" rel="nofollow">http://api.jquery.com/each/</a>

How can I achieve this? 

<pre><code>$(".my_selected .element").myCustomFunction();
</code></pre>

or maybe even simply this?

<pre><code>$(".my_selected .element").???????(myCustomFunction());
</code></pre>

Where the function will know that <code>$(this)</code> equals <code>$(".my_selected .element")</code>.

Thank you!

How can I run a custom function on a jQuery element?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我如何才能做到这一点？$(".my_selected .element").myCustomFunction();或者甚至仅仅是这样？$(".my_selected .element").???????(myCustomFunction());其中函数将知道$(this)等于$(".my_selected .element")。谢谢!

问如何在jQuery元素上运行自定义函数？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery元素上运行自定义函数？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery元素上运行自定义函数？
EN