Javascript 如何在on（'；单击'；）捕获中获取嵌套值

我有以下资料：

  <div class='outer'>
  outside these values
    <div data-which-price="special">
      special price
    </div>  
    <div data-which-price="regular">
      regular price
    </div>  
  </div>  

---

但这不管用。如何实现这一点？

方法上jQuery

的第二个参数允许匹配元素的逗号分隔列表，因此

$('body').on('click','.outer, [data-which-price]',

因为第二个元素将为您提供所需的内容。
如果您在父div中应用event，我也将在子div中应用，因此如果您单击将调用相同函数onClick的外部类或数据。但是，如果要调用单独的函数来调用子对象，则必须执行以下操作：-

    $(document).ready(function(){
    $('body').on('click','.outer', function(e){
         console.log("clicked outer")
     });
    });
   $(document).ready(function(){
   $('body').on('click','[data-which-price="regular"]', function(e){
   e.stopPropagation();
   console.log("clicked inner")
   });
  });

我想你可以使用
$（'body'）。在（'click'，'）。外部，[数据哪个价格]“，
看看
e.target
，其中
e
是处理程序的第一个参数
这个
是
div.outer
元素，它没有这个属性。尼斯·杰里米，看起来是这样的。如果你愿意，请输入答案，我会接受。thx Indra，只要点击它就可以获取更具体的信息如果你认为我遗漏了什么，ch似乎在另一个sol'n.Lmk工作。
    $(document).ready(function(){
    $('body').on('click','.outer', function(e){
         console.log("clicked outer")
     });
    });
   $(document).ready(function(){
   $('body').on('click','[data-which-price="regular"]', function(e){
   e.stopPropagation();
   console.log("clicked inner")
   });
  });