Question

我有以下代码：

$('.add-bullet').click(function() {
  $(this).closest('textarea').val(
    $(this).closest('textarea').val() + '\u2022'
  );

  return false;
});


   <div><a href = "#" class = "add-bullet">Add bullet</a></div>
   <textarea name =""></textarea>

出于某种原因，当我点击添加项目符号时，它不会添加到textarea，这意味着最接近它不起作用。我该怎么办？

Answer 1

可能是“这个”的范围问题。

您需要在函数中传递onclick事件，例如

$('.add-bullet').click(function(e) {
  $(e.target).closest('textarea').val(
    $(e.target).closest('textarea').val() + '\u2022'
  );
  return false;
});

试试。

Answer 2

此处textarea是add-bullet的父级

的下一个元素

因此，您需要使用.parent() .next()

$('.add-bullet').click(function() {
    $(this).parent().next('textarea').val(function(idx, value){
        return value + '\u2022';
    });
    return false;
});

演示：Fiddle

向Jquery添加项目符号 - 最接近Jquery

2 个答案: