无法在JQuery中找到最接近的标签文本

本文关键字:最接近 标签 文本 JQuery | 更新日期: 2023-09-27 18:07:23

我想访问标签文本这是附近的复选框。我正在使用Visual Studio和c#。

HTML页面

<td><input id="ctl00_ContentPlaceHolder1_CHKBranches_0" type="checkbox" 
name="ctl00$ContentPlaceHolder1$CHKBranches$0">
<label for="ctl00_ContentPlaceHolder1_CHKBranches_0">Kolkatta (EJAA)</label></td>
jquery script for access text
var strBr = "";             
$("input[id*='CHKBranches']").each(function() {
if ($(this).is(':checked')) {                   
     // Note : successfully check checkbox but unable to find closest label text                          
        strBr += $(this).closest('label').text() +",";
    }
});

无法在JQuery中找到最接近的标签文本

为什么不直接移动到父元素,然后找到标签呢?

jQuery

var strBr = ""; 
  $("input[id*='CHKBranches']").each(function() {
    if ($(this).is(':checked')) {                   
      var $parent = $(this).parent();               
      strBr += $parent.closest('label').text() +",";
    }
  });

由于.closest()的工作方式,您无法找到标签。它查看父节点。你应该用.siblings()代替.closest(),以便在DOM树中搜索相同级别的节点。

https://jsfiddle.net/oogjs0r5/