// 选择嵌套元素
$('#parent .child') // 选择id为parent下的所有class为child的元素
$('#parent > .child') // 只选择id为parent的直接子元素中class为child的元素

// 编辑嵌套元素的值
$('#parent .child').text('新文本'); // 修改文本内容
$('#parent .child').html('<span>新HTML内容</span>'); // 修改HTML内容
$('#parent .child').val('新值'); // 修改表单元素的值

// 假设有以下嵌套对象
var data = {
  user: {
    name: "John",
    address: {
      city: "New York",
      zip: "10001"
    }
  }
};

// 使用jQuery.extend()进行深度合并/编辑
$.extend(true, data, {
  user: {
    address: {
      city: "Boston"
    }
  }
});

// 直接访问和修改
data.user.address.zip = "02108";

// 对于表单中的嵌套name属性，如user[name]
$('input[name="user[name]"]').val('新用户名');

<table id="data-table">
  <tr>
    <td><span class="name">张三</span></td>
    <td><span class="age">25</span></td>
  </tr>
  <tr>
    <td><span class="name">李四</span></td>
    <td><span class="age">30</span></td>
  </tr>
</table>

<script>
// 修改第二行的年龄
$('#data-table tr:eq(1) .age').text('31');
</script>

var response = {
  status: "success",
  data: {
    users: [
      {id: 1, name: "Alice"},
      {id: 2, name: "Bob"}
    ]
  }
};

// 使用jQuery遍历和修改
$.each(response.data.users, function(index, user) {
  if(user.id === 2) {
    user.name = "Robert";
  }
});

$(document).ready(function() {
  // 确保DOM加载完成后再执行
  $('#parent .child').text('新内容');
});

// 使用深拷贝或jQuery.extend(true, ...)进行修改
var newData = $.extend(true, {}, originalData);
newData.user.address.city = "新城市";

$(document).on('click', '#parent .child', function() {
  // 处理点击事件
});