獲取樹節點名稱

Question

我有一個帶有子節點復選框的 ASP.Net TreeView 控件。 我想在 TreeView 控件中獲取選中的子節點的文本。 我想使用 jQuery/JavaScript 獲取選中的子節點文本。 大多數情況下，我在完成的頁面中使用了 jQuery。

我用過$(this).text() ，但它不起作用。 由於控件是 ASP.Net TreeView 控件並且我使用的是 jQuery。 所以無論是 jQuery 還是 JavaScript

Answer 1

由於您沒有發布您正在使用的示例，我創建了一個示例來嘗試涵蓋一些不同的場景。

<ul id="list">
  <li><input type='checkbox' id="check1" name="check1" value="hello" /> Checkbox #1</li>
  <li><input type='checkbox' id="check2" name="check2" /> Checkbox #2 <a href="#">hello</a></li>
  <li><input type='checkbox' id="check3" name="check3" /> Checkbox #3</li>
  <li><input type='checkbox' id="check4" name="check4"/> Checkbox #4</li>
</ul>

<button id="output"></button>

在按鈕單擊...

$("#output").bind("click", function(){

  // can be any jQuery selector -- for this example we use #list 
  $("#list").find("input[type='checkbox']:checked").each(function(){
    var $t = $(this),           // current checkbox
        $p = $t.parent(),       // parent li - define more so w/ parent('li')
        text = $p.text(),       // text of li
        val = $t.val(),         // checkbox value
        id = $t.attr('id'),     // checkbox id
        name = $t.attr('name'), // checkbox name
        children = $p.children("a:first").text(); // select first child anchor element->get text

    // insert magical code here...

    // print to console for debug
    console.log($t, $p, text, val, id, name, children);

  });
});

Answer 2

首先，您必須檢查是否在樹視圖中使用適配器。 如果您使用適配器，則基本上必須在 DOM 中搜索生成具有名為 ParentSelected 或 Selected 的類的元素。 這是微軟使用的命名約定。

這將是這樣的：

$("li[class$='Selected']").children("a").val()

或者

$("li[class$='Selected']").children("a").attr("text")