模拟单击具有特定类和特定ID的div

Question

我想要实现的目标（使用jQuery）是这样的：

  $('#123').closest('.sender').trigger( "click" );

模拟CLASS“sender”上的点击，这是一个ID为“123”的div类

<div id="123" class="sender"></div> 

更新：感谢Pranav，这已被分类。以下是需要者的结果： https://jsfiddle.net/d35zzhcz/

Answer 1

closest()方法用于获取最接近的祖先元素。在您的情况下，您可以组合选择器或使用filter()方法而不是closest()方法。

$('#123.sender').trigger( "click" );
// or
$('#123').filter('.sender').trigger( "click" );

Answer 2

如果我理解正确，您正在尝试查询ID为“123”且具有“发件人”类的特定元素。

在jquery中，你可以这样做：

$('#123.sender').click(function(){
  // things you want to do here.
});

这会为你指定的任何元素添加一个监听器。

如果你想要更普遍（例如所有.sender课程），你可以这样做：

$('.sender').click(function(){
    // example will add a class to an element which has foo, but only this element
    $(this).addClass('foo');
});

我还想补充一点，出于用户体验的目的，如果你使用DIV元素，你还应该添加到CSS规则中：

.sender {
  cursor:pointer;
}

这将让用户知道它是可点击的。

Answer 3

你只需要将div的id与它的类组合起来。

$('#123.sender').on('click', function(){
   // your code goes here...
});