jstree - 仅选择所有可见节点

在jstree中，我们可以使用get_visible方法查找所有可见节点。然而，可能有时候我们只需要选择所有可见节点，而不是获取所有可见节点。

以下是一种方法可以仅选择所有可见节点：

$(function() {
  $('#tree').jstree({
    // Tree configuration
  });

  $('#select-visible-nodes').click(function() {
    var tree = $('#tree').jstree(true);
    var visibleNodes = tree.get_node('#').children_d.filter(function(node) {
      return tree.is_node_visible(node);
    });
    tree.select_node(visibleNodes);
  });
});

此代码包括以下步骤：

1. 给定tree的配置（可以根据自己的需要设置）。
2. 点击按钮#select-visible-nodes。
3. 获取树对象tree。
4. 查找所有可见节点：
   1. 调用get_node('#')获取根节点的数据。
   2. 从根节点的children_d属性中过滤出所有可见节点的ID。
   3. 返回满足tree.is_node_visible(node)的节点ID。
5. 选择所有可见节点。

这部分代码应该使用 Markdown 代码块格式，如下所示：

```javascript
$(function() {
  $('#tree').jstree({
    // Tree configuration
  });

  $('#select-visible-nodes').click(function() {
    var tree = $('#tree').jstree(true);
    var visibleNodes = tree.get_node('#').children_d.filter(function(node) {
      return tree.is_node_visible(node);
    });
    tree.select_node(visibleNodes);
  });
});

简易的解释，可以使用 Markdown 列表格式，如下所示：

- 给定`jstree`树的配置。
- 点击按钮时获取树对象。
- 查找所有可见节点。
- 选择所有可见节点。

最后，包含此代码的段落应该有一个可读的标题，例如：`使用 jstree 仅选择所有可见节点`。