Javascript 通过单击第一个div来设置第二个div的名称

我是jquery的新手，但我正在尝试解决一个问题。 我无法使此脚本以所需的方式工作。 有两个div。当你点击第二个按钮时，第一个按钮也会被点击。 当您为第一个div指定了特定的名称时，这对我很有用。 两个示例的html+css：

<div id ="div11" name="this-is-name-of-div" data-unique="this-is-name-of-div" style="width:100px;

第一个div具有与第二个div data unique属性相同的name属性。通过单击第二个div，我想设置要单击的div的名称，但在这些方括号下，我无法使其工作。有人能帮我正确地解决这个问题吗？请提前向Thx寻求帮助

$(document).ready(function () {
$("#div11").bind("click", (function () {
    alert("DIV11 is clicked!");
}));
$(".item").bind("click", (function () {
    $('div[name=$(this).attr("data-unique")]').trigger("click");
    return false;
}));
});

[jsidle无法实现][3]

尝试以下方法：

var name = $(this).attr("data-unique");
$('div[name=' + name + ']').trigger("click");

但是如果

name

包含一些特殊字符，如

]

，则此操作可能会失败。如果这是一个问题，请尝试使用以下方法：

var name = $(this).attr("data-unique");
$('div').filter(function() { return $(this).attr('name') == name; })
        .trigger("click");

---

非常感谢，这正是我一直在寻找的。按它应该的方式工作。您好，如何解决平板电脑和类似设备上的点击事件？它适用于手机，但平板电脑不接受此点击事件。Hello@p.s.w.g，如何解决平板电脑和类似设备上的此点击事件？它适用于手机，但平板电脑不接受下拉菜单中的点击事件。我尝试过使用简单的脚本touchclick.js（），但无法使其运行。

var name = $(this).attr("data-unique");
$('div').filter(function() { return $(this).attr('name') == name; })
        .trigger("click");