Javascript jQuery：将单击事件添加到特定id

我有一个小jquery问题：

我的代码如下：

<div id="select-word-5" class="select-word-link"> - some content - </div>
<div id="select-5" class="select"> - some content - </div>

---

通过触发事件上的操作，可以更轻松地执行此操作

$('#select-5').click(function(){
    alert('Does this work?');
});

$('.select-word-link').click(function(){
    $('#select-5').trigger('click'); // will behave as if #select-5 is clicked.
});

信息：

更高级：

$('#select-5').click(function(){
    alert('Does this work?');
});

$('#select-6').click(function(){
    alert('Does this work?');
});

// etc

$('.select-word-link').click(function(){
    var selectId  = this.id.replace('-word', '');
    $('#'+selectId).trigger('click'); // will behave as if #select-5 is clicked.
});

试一试

---

也许这个代码对你有帮助

    $(".select-word-link").click(function(){
    $(this).next().hide();
});

})

您必须触发单击下一个元素而不是全部。选择

$.word.clickfunction{ var selectId=this.id.replace'-word'； console.logselectId； $+selectId。触发“单击”； }; $.next.clickfunction{ 警报$this.html； } -部分内容5- -一些内容6- -一些内容包括7-7等。 -下一部分内容5- -下面是一些内容6- -接下来的一些内容7-jQuery作为CSS使用选择器来标识该字符串是一个Id。 e、 g

然后执行以下代码：

$('#someId')

这将选择Id为someId的DOM对象

while id属性返回不带选择器的DOM对象的id，即此jQuery代码：

var id = $('#someId').get(0).id

将变量id初始化为“someId”

因此，在代码中添加选择器

$('#' + id).click(function() {
            alert("this does not work");

        });

非常简单的解决方案

$('#select-5 , .select-word-link').click(function () {
// your code
});

---

如果您想从2个或多个不同的div id或类或两者的组合触发相同的功能，请按上面示例中所示的“select-5、.select word link”分隔。ID必须是唯一的。使用类。2.将事件添加到嵌套元素中，并使用stopPropagation来避免冒泡。是否要添加单击侦听器？如果是这样，您需要使用on'click'，函数{}语法。如果html将两个div放在一起，你也可以简单地使用next/prev函数-这不就是用一个类select word链接选择第一个元素吗？这看起来已经很好了：只是一个小问题：如果我用select word链接使用最后一个代码，我是否仍然需要为每个select创建一个click事件，或者我也可以使用通用方法？每个点击事件的JS代码都是相同的，只是div之间的内容不同，这就是为什么我需要为链接使用ID！只需替换触发器$selectId。触发器。。。。with:+selectID.XXXX，然后是我的jQuery代码to by executed:Awesome，作为提示：您可能需要更深入地研究类和ID的使用情况，通常当您需要使用诸如replace函数之类的功能时，还有另一种方法。快乐编码！你可以找到next.select问题是，select并不总是下一个元素。我的代码是这样的：-一些内容-一些内容-一些内容-等等-一些内容-一些内容-一些内容-根据select word链接绑定单击它会递归触发多次单击。您可以通过在元素旁边添加两个类词和，然后触发特定的点击来实现；您可以看到select word link触发器select word link它本身就是div而不是word。和递归点击触发器。在你的问题中，你有。选择和。选择单词链接，在你的评论中，你只有选择单词链接。如果您只有所有选择词链接，那么它会使递归调用else工作正常@芒果塔什

$('#' + id).click(function() {
            alert("this does not work");

        });

$('#select-5 , .select-word-link').click(function () {
// your code
});