Javascript在元素之间导航

我试图在“a”元素的单击事件中从不同元素获取值。 鉴于代码：

<tr data-id="20">
  <div class="row">
    <td>
      <div class="btn-group">
        <a data-checked="false" class="btn btn-info btn-xs oiCmd-btn oiCmd-btn-paid-toggle">
          <span class="glyphicon glyphicon-unchecked"></span>
        </a>
        <a class="btn btn-primary btn-xs oiCmd-btn oiCmd-btn-mod-price">
          <span class="glyphicon glyphicon-usd"></span>
        </a>
      </div>
      <span>...</span>
    </td>
    <td>...</td>
    <td>...</td>
    <td>$<em class="oiPrice">50.00</em>
    </td>
  </div>
</tr>

...
...
...
$50.00

我需要从点击事件“.oiCmd btn paid toggle”中的“tr”中从oiPrice中获取值50.00，从数据id中获取值20。

---

我不知所措，我试过很多关于.parent和.child的东西，但我总是弄错。

您的html无效，tr不能作为孩子使用div

然后

演示：

您可以根据需要更改选择器

$（“tr”）

var oiPrice = $(".oiPrice").html();

---

因为我不知道完整的代码是怎样的，所以在您的情况下，这可能有效，也可能无效

对于来自数据id的20：

$("tr[data-id]").attr("id");

价格为50美元：

$(".oiPrice").val();

如果有许多元素，可以使用.eq（x）进行调整。

---

希望这有帮助

谢谢，这正是我想要的。谢谢你关于html的提示，我没有注意到我把它放在那里了。

$("tr[data-id]").attr("id");

$(".oiPrice").val();