以下是一个使用JavaScript实现绑定子元素并进行额外数据获取的示例代码：

HTML代码：

  
Child 1
  
Child 2
  
Child 3

JavaScript代码：

// 获取父元素
var parent = document.getElementById("parent");

// 获取所有子元素
var children = parent.getElementsByClassName("child");

// 绑定子元素并进行额外数据获取
for (var i = 0; i < children.length; i++) {
  // 设置自定义属性，用于存储额外数据
  children[i].setAttribute("data-index", i + 1);

  // 添加点击事件监听器
  children[i].addEventListener("click", function() {
    // 获取子元素的索引
    var index = this.getAttribute("data-index");

    // 输出额外数据
    console.log("点击了子元素 " + index);
  });
}

在上述代码中，首先通过getElementById方法获取了父元素。然后使用getElementsByClassName方法获取所有具有child类名的子元素。接下来，通过循环遍历子元素，并使用setAttribute方法为每个子元素设置一个自定义属性（例如data-index）来存储额外的数据。最后，使用addEventListener方法为每个子元素添加一个点击事件监听器，当子元素被点击时，获取对应的索引并输出额外数据。

注意，上述示例中使用了原生的JavaScript方法来实现绑定子元素和获取额外数据。如果你正在使用jQuery等其他库，可能会有相应的简化方法。