jquery 从 child <i> rel 中获取值

Question

有这个代码：

<div class='adding_rows'>
    <i class='icons-added addRow add' rel='from_agreement_row,agreement_body_rows'></i>
    <label>Add Agreement Line</label>
</div>

我希望能够单击 <div> adding_rows 并在 jquery 中从 <i rel=''> 值

中获取值

尝试过：

$(".adding_rows").click(function() {
  var from_to_value = $(this).children().attr("rel");
})

这似乎适用于 <div class='adding_rows'> 的第一个实例但停在那里。单击下一个实例会警告 "from_to_value is undefined"

有人吗？

Answer 1

在这里工作：https://jsfiddle.net/4hq10p16/

如果您像这样添加要点击的新 div，您可能需要委托：

$("#container").on("click",".adding_rows",function() {
  var from_to_value = $(this).children().attr("rel");
})

jquery 从 child <i> rel 中获取值

jquery get value from child <i> rel

jquery

children