获取含指定文本的span父a标签时对象为undefined的问题求助

我来帮你梳理下代码里的问题，正是这几个细节导致你拿到undefined：

1. 选择器的字符串语法错误 #

你在jQuery选择器里用了${current_id}，但没有把整个选择器放在**模板字符串（反引号）**中，普通字符串里这个ES6模板语法不会生效，导致选择器无法正确匹配到目标span元素，最终object是一个空的jQuery对象。

2. jQuery对象与原生DOM属性混用 #

$(object)是jQuery包装后的对象，而parentElement是原生DOM元素的属性，jQuery对象不具备这个属性，所以会返回undefined。应该使用jQuery提供的.parent()方法来获取父元素。

3. 数字判断的严谨性不足 #

parseInt(current_id, 10)如果解析失败会返回NaN，直接用Number.isInteger判断的话，NaN会被判定为非整数，我们可以先通过isNaN判断解析结果是否为有效数字。

修正后的完整代码 #

var current_id = window.location.pathname.replace('/califications/','');
var parsedId = parseInt(current_id, 10);
// 先判断是否解析出有效数字
if (!isNaN(parsedId)){
  // 用模板字符串包裹选择器，正确插入current_id
  var $targetSpan = $(`#kid_list > li > a > span:contains(${parsedId})`);
  // 使用jQuery的parent()方法获取父级a标签
  var $parentA = $targetSpan.parent();
  
  // 如果需要原生DOM元素，可通过以下方式转换
  // var nativeAElement = $parentA.get(0);
}

额外优化：精确匹配文本 #

:contains是模糊匹配，如果你的id是唯一标识，建议用精确匹配避免误判（比如避免把包含"14"的"140"也匹配到）：

var $targetSpan = $('#kid_list > li > a > span').filter(function() {
  // 去除文本两端空白后再匹配，避免HTML里的换行/空格干扰
  return $(this).text().trim() === current_id;
});

内容的提问来源于stack exchange，提问作者arevilla009