Не удалось получить следующее значение td

Question

Я пытаюсь получить значение внутри td. Что же я делаю ниже:

HTML код визуализации:

<td> 
<span style="padding-left: 15px;" onclick="GetAccountNodes(2,17,this);">-</span> 
<span onclick="GetNodeDetails(2,17,this);"> Capital Accounts</span> 
</td> 
<td style="display:block">3.17.</td> 

Мой Сценарий выглядит следующим образом:

function GetNodeDetails(levelId, parentGroupID, ele) { 

     var x = $(this).parent().next('td').html(); 
     alert(x); 

    } 

Но это бросает "неопределенное" ошибка. Что я здесь делаю неправильно?

Я также попытался использовать как ниже»

$(this).parent('td').next('td').html(); 

Но без толку

Answer 1

Ваш сценарий должен, вероятно, будет:

function GetNodeDetails(levelId, parentGroupID, ele) { 
    var x = $(ele).parent().next('td').html(); 
    alert(x); 
} 

Вы проходящее в this функции как ele.

Answer 2

function GetNodeDetails(levelId, parentGroupID, ele) { 
 
    //debugger; 
 
    var x = $(ele).parent().next('td').html(); 
 
    alert(x); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
<td> 
 
<span style="padding-left: 15px;" onclick="GetAccountNodes(2,17,this);">-</span> 
 
<span onclick="GetNodeDetails(2,17,this);"> Capital Accounts</span> 
 
</td> 
 
<td style="display:block">3.17.</td> 
 
    </tr> 
 
    </table>

Примечание: Вопрос не содержит Td тег внутри таблицы и Tr тега. Так что просто заметьте, что здесь браузер может удалить тэг или $(this).parent() может не возвращать tr-элемент, и, в конце концов, ваша функция не сможет получить значение td-элемента, которое вы хотите показать в сообщении.

Answer 3

Проверьте этот рабочий пример на скрипке.

https://jsfiddle.net/YameenYasin/t3cjge55/10/

<script> 
    function GetNodeDetails(levelId, parentGroupID, ele) { 
     //debugger; 
    //var x = $(ele).parent().next('td').html(); 
     alert($(ele).parent().next('td').html()); 
    } 

</script> 
<table> 
    <tr> 
<td> 
<span style="padding-left: 15px;" onclick="GetAccountNodes(2,17,this);">-</span> 
<span class="getNodeDetails" onclick="GetNodeDetails(2,17,this);"> Capital Accounts</span> 
</td> 
<td style="display:block">3.17.</td> 
    </tr> 
</table>