使用jQuery获取从标签文本

代码使用jQuery获取从标签文本

var $eContainer = $('<div/>', { id: "eContainer", class: 'eList' }).appendTo($injectTo); 
    for (var i in navProps) { 
     var np = navProps[i]; 
     var npName = np.name; 
     var npId = containerId + "_" + npName; 

     var $eLabel = $('<label />', { 'for': npId, text: npName }).appendTo($eContainer); 
     $('<input />', { type: 'checkbox', id: npId, value: npName }).prependTo($eLabel); 
    };

输出

<label for="e_22"> 
    <input type="checkbox" id="selectcolumn_16" value="22">Supplier<div id="eContainer" class="eList"> 
      <label for="a"> 
       <input type="checkbox" id="a" value="A">AAA</label> 
       <label for="b"> 
        <input type="checkbox" id="b" value="B">BBB</label> 
            </div> 
           </label>

问题

~~它不关闭输入标签~~
当我试图让标签的文本它返回所有子标签的文本以及

守则第二个问题

// Event handler for adding labels. 
this.$eList.on('click', ':input', $.proxy(function (event) { 
    var $e = $(event.target); 
    var selectedLabel = $e.parent().text(); 
    // here it should return "Supplier" when I click on it, but it returns 
    // SupplierAAABBB -- which is WRONG

编辑

请不要”用硬代码提供解决方案，因为我需要使其动态工作，所以它一定需要从父代获取它，会有几个层次的这些di v程序和控制

来源

2016-07-01 Mathematics

在我看来，你的代码是好的，但HTML可能不是你想要的。所有这些文字确实在该标签中。也许你想将'div'移到标签外面呢？ – smarx

至于'input'标签，它们不应该被“关闭”。在XHTML中，它们会自动关闭（''），但是在HTML中，它们是无效标记，看起来就像上面那样（''）。 – smarx

如果你希望'div'在'label'之后，而不是在里面，可以试试'.insertAfter（...）'而不是'.appendTo（...）'。 – smarx

var text = $("label[for=e_22]").contents().filter(function() { 
 
    return this.nodeType == 3; 
 
}).text(); 
 

 
console.log(text.trim())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="e_22"> 
 
    <input type="checkbox" id="selectcolumn_16" value="22">Supplier 
 
    <div id="eContainer" class="eList"> 
 
    <label for="a"> 
 
     <input type="checkbox" id="a" value="A">AAA</label> 
 
    <label for="b"> 
 
     <input type="checkbox" id="b" value="B">BBB</label> 
 
    </div> 
 
</label>

1.使用节点类型，其中3等于文本节点

来源

2016-07-01 07:07:54 guradio

请检查编辑，我不能硬编码的ID，因为它是一个动态的解决方案 – Mathematics

@Mathematics你如何选择哪个标签来获取文本？ – guradio

你可以使用此代码标签文本。

var lbltxt = $('#labelid').text();

来源

2016-07-01 07:29:09 Developer

我没有标签id :(，它是动态的，标签id可以是树结构中的任何东西 – Mathematics

树结构中有多少标签？ – Developer

它是动态的，所以X标签，X div – Mathematics

-1

var myLabelValue = $('label').html();

来源

2017-08-12 19:58:24

你可以这样做：

theLabel = $("#labelId"); 
theLabel.text(); //gets text

的唯一原因，我的回答是不是开发商的回答不同的是，我的回答会储存您的一个变种标签 - 你不必每次使用$（）继续获取它。

来源

2017-08-16 18:28:18 ndrewxie

使用jQuery获取从标签文本

回答

相关问题