javascript - 调用某个类/ID

Question

我有一个购物车，一旦添加了一个项目，就会出现一个垃圾桶图标。有一个有效的当前脚本，但它针对页面中的所有“onclick”功能。我只希望它针对这个(垃圾桶)。这是图标的代码。

<td class="total">
  <span class="close" style="color:#f00;">
    <i class="fa fa-trash"></i>
  </span>
</td>

现在现在的JavaScript是这样的:

$( document ).ready(function() {

$('body').on('click','.close', function(){
var here = $(this);
var rowid = here.closest('tr').data('rowid');

还有更多的 JavaScript，虽然我只是展示了开始。

我试过类似的方法，但没有任何效果。

$( document ).ready(function() {
  var trash = document.getElementsByClassName("fa fa-trash");
  trash.on('click', '.close', function(){
  var here = $(this);

我不知道我是否在正确的轨道上。

Answer 1

如果我没理解错的话，您只是想将 click 事件绑定(bind)到垃圾桶图标？

如果是的话..

$( document ).ready(function() {
   $('body').on('click','.fa.fa-trash', function(){
   var here = $(this);  //This variable now equals the clicked trash element.
   var rowid = here.closest('tr').data('rowid');

此外，当变量包含 jQuery 元素时，最好在变量前面使用 $ 符号。这样您和阅读代码的任何其他人都可以区分元素并知道哪些变量可以执行 jQuery 方法。

var $here = $(this);