php - jQuery 从多个元素中选择

Question

有一个 php 脚本可以创建多个 <p>text</p>由于用户查询的元素。我想创建一个选项，每次用户点击某个元素时，该元素中的文本将出现在文本框中。执行此类任务的直观方法是:

<p class="c1"> textA...</p>
<p class="c2"> textB...</p>
<p class="c3"> textC...</p>
<p class="c4"> textD...</p>

jQuery 代码将是:

$("p.c1").click(function(){ code... }
$("p.c2").click(function(){ code... }
etc ...

有什么优雅的方法可以实现这个功能吗？

任何建议都会有帮助，

提前致谢

Answer 1

事件委托(delegate)。

$('body').on('click', 'p[class^=c]', function(evt) {
    var clickedPara = $(this);
});

在那里，我过滤了 class 属性以 c 开头的段落。这只是说明性的，但最终可能不是非常无懈可击。你应该给你的元素一个公共(public)类。如果这个类是，比如说，'clickablePara'，你可以改为使用

$('body').on('click', 'p.clickablePara', function(evt) {

事件委托(delegate)意味着您绑定(bind)一个事件并在它触发时评估触发元素，而不是将许多事件绑定(bind)到每个可能的元素。如果这对您来说是新的，那么值得研究一下。如果您碰巧在英国，我将在即将出版的 .NET 杂志上发表一篇文章讨论它。