獲取兒童文本的jQuery代碼

-3

我正在嘗試使用jQuery來獲取子元素的文本。獲取兒童文本的jQuery代碼

我一定在做錯事，現在已經做了兩天了。

如果有人有時刻看一看，我會非常感激！

CODE：

function generateRemoveSectionDropDown() { 
    var dropDown = document.getElementById('RemoveSectionId'); 
    var agendaDiv = $("[name='agenda-nestable']"); 
    var agendaSections = $(agendaDiv).find("ol#agenda-root>li"); 
    for (var i = 0; i < agendaSections.length; i++) { 
     var optValue = null; 
     var optText = null; 
     var section = agendaSections[i]; 
     var sectionChildren = $(agendaSections[i]).children(); 
     for (var j = 0; j < sectionChildren.length; j++) { 
      alert('The text from child is: ' + sectionChildren[j].text); 
      optValue = j; 
      optText = sectionChildren[j].text; 
     } 

     var opt = document.createElement('option'); 
     opt.value = optValue; 
     opt.innerText = optText; 
     dropDown.appendChild(opt); 
    } 
}

普拉克：http://plnkr.co/edit/jLi9epblNAtMbzezcRSY?p=preview（如果你點擊「運行方式」，我的代碼將運行）

注：更新code.I已被黑客攻擊圍繞着它，把它恢復到一個良好的狀態。

來源

2017-06-08 Philip Tenn

如果您已經在使用jQuery，爲什麼'document.getElementById（'？保持方法一致。 – Rajesh

@Rajesh我嘗試了純粹的JavaScript和jQuery，都無法使其工作。 –

你在哪裏定義'sectionListItem'？ – Niklas

嘗試使用任一純（JavaScript的/ jQuery的）

工作實施例： -

function generateRemoveSectionDropDown() { 
 
    $("[name='agenda-nestable'] ol#agenda-root>li").each(function(){ // iterate over li 
 
    $('#RemoveSectionId').append('<option value=' + $(this).attr('id') + '>' + $(this).children('div').text() + '</option>');//create options and append to select-box 
 
    }); 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script data-require="[email protected]*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body> 
 
    <h1>Hello Plunker!</h1> 
 
    <div class="dd" name="agenda-nestable" id="nestable"> 
 
    <ol id="agenda-root" class="dd-list"> 
 
     <li class="dd-item" id="2879"> 
 
     <div class="dd-handle">Section123</div> 
 
     </li> 
 
     <li class="dd-item" id="2880"> 
 
     <div class="dd-handle">Section 4</div> 
 
     </li> 
 
     <li class="dd-item" id="2881"> 
 
     <div class="dd-handle">Section 5</div> 
 
     </li> 
 
    </ol> 
 
    </div> 
 
    <button value onclick='generateRemoveSectionDropDown()'>Run method</button><br/><br/> 
 
    <select id="RemoveSectionId"></select><!-- need to add it --> 
 
</body> 
 

 
</html>

來源

2017-06-08 10:26:53

謝謝！這就像一個冠軍。一旦StackOverflow允許，我將盡快接受答案。 –

使用的foreach（每個）功能，

試試下面的代碼

function generateRemoveSectionDropDown() { 
     var dropDown = document.getElementById('RemoveSectionId'); 
     var agendaDiv = $("[name='agenda-nestable']"); 
     var agendaSections = $(agendaDiv).find("ol#agenda-root>li>div"); 
     //console.log(agendaSections); 

     agendaSections.each(function() { 
      console.log($(this).html()); 

       // add your set of code 

     }); 
}

來源

2017-06-08 11:19:55

獲取兒童文本的jQuery代碼

回答

相關問題