使用jQuery查找元素

Question

我有一些看起来像这样的HTML代码。

<li class="t-item t-first">
  <div class="t-top">
    <span class="t-icon t-plus"></span>
    <span class="t-in">Offshore</span>
  </div>
  <input type="hidden" value="41393" name="itemValue" class="t-input">
</li>

这段 HTML 代码是 Telerik 创建的树形结构中的一个单独的项目。实际数据是"Offshore" 具有"id"为 "41393"。

从 Telerik 代码中，我可以获取 class 为 "t-in" 的 span 元素，但我无法获取其中的 ID 值。如何使用 jQuery 查找隐藏输入框的值？

- Frode Lillerud

Answer 1

这个怎么样：

var $in = $(".t-in");
var text = $in.text(); //offshore
var val = $in.parent(".t-item").find("input.t-input").val() //41393

如果你只有一个t-in元素，那么这个方法可能有效，否则，你需要替换我代码中的第一行，改为自己选择元素的方式。

你需要提供更多信息，但根据你提供的内容，这是我能做到的最好的翻译。

- mkoryak

---

我不是Jquery专家...但是...我认为我必须使用parent两次？我错了吗？ - Cristian

我投了一票，但我建议使用 $in.closest(".t-item") 替代 parent。 - karim79

诚然，我认为并没有太大的区别，我只是更喜欢使用 closest 来实现这个功能，因为它（至少对我来说）看起来更好。 - karim79

Answer 2

这样怎么样：

var offShoreId = $("span.t-in").each(function() {
                  if ($(this).val() == "Offshore") return $(this).parent().next().val();
                }

我假设您只想从一组大量元素中获取Offshore元素的值。

- Bradley Mountford

Answer 3

感谢大家的建议，这是我最终得出的结果。

$(e.item).parent().find('input').val();

其中 e 是 Telerik 给我的元素。

- Frode Lillerud