javascript - 如何从 r.fn.init 获取值(JQuery 选择器上下文)

Question

您好，我尝试从这样的表的跨度中接收一个值:

function getValueFromSibling(this) {
    var id = $(this).parent().siblings('span.childSibbling');
}

表格如下所示:

<tr>
    <td>
      <button type="button" onClick="getValueFromSibling()"></button>
    </td>
    <td>
      <span class="childSibbling">100</span>
    </td>
</tr>

但是我收到这样的信息:

id = r.fn.init [prevObject: r.fn.init(1)]

我发现这是以下的简单形式:

var jQuery = function( selector, context ){
   return new jQuery.fn.init( selector, context );
};

那么问题来了。如何领取InnerHTML来自 <span> , 或者如何转换 r.fn.init [prevObject: r.fn.init(1)]值(value)？

var result = id.val();和 var 结果 = id.get();不工作

Answer 1

首先，函数 getValueFromSibling 中的 this 在窗口作用域中，调用函数时传递 this 上下文

 onClick="getValueFromSibling(this)"

并且缺少一些东西，比如 text() 来获取你想要的文本。试试下面的一个

更好的方式(其实是推荐的方式):

HTML

<tr>
    <td>
      <button type="button" class="some-button"></button>
    </td>
    <td>
      <span class="sibbling">100</span>
    </td>
</tr>

查询

$(function(){
  $('.some-button').click(function(){
      var id = $(this).closest('tr').find('.sibbling').text();
          // .closest() gets the closest tr parent .
          // .find() finds the element with class 'sibbling' inside that `tr`
          // .text() gets the text inside the element.
  });
});