我想使用具有“隐藏”属性的跨度文本

我想使用跨度内的文本。此标记包含html5 hidden属性。我想使用具有“隐藏”属性的跨度文本

<tr> 
    <td>First</td> 
    <td>Second</td> 
    <td>Third</td> 
    <td> 
     <button class="editBtn" title="Edit">Edit</button> 
    </td> 
    <span hidden>1</span> 
</tr>

我如何获取使用jquery跨度的文本？我曾尝试过，但它给了我错误的价值。每次它给“2”。

var value = $('.editBtn').closest('tr').children()[4].textContent;

我该如何解决这个问题？

来源

2016-05-31 Saleh Ahmad Oyon

html无效...... –

@PranavCBalan为什么它无效？ –

'tr'的子元素应该是'td' –

将跨度到TD，然后尝试：

<table> 
<tr> 
    <td>First</td> 
    <td>Second</td> 
    <td>Third</td> 
    <td> 
     <button class="editBtn" title="Edit">Edit</button> 
    </td> 
    <td> 
    <span hidden>1</span> 
    </td> 
</tr> 
</table>

的jQuery：

alert($('.editBtn').closest('tr').find('span').text());

来源

2016-05-31 13:09:30

我需要隐藏span标记 –

yaa添加隐藏属性then..updated代码上面 –

谢谢，它工作正常。 –

var value= $('.editBtn').parentsUntil('tr').find('span').text();

返回 “1”

来源

2016-05-31 13:16:25 praine

试试这个

var value= $('.editBtn').parent('td').next('td').children('span').text(); 
console.log("Value is " + value);

来源

2016-05-31 13:32:50 maheshv13

我打印它在控制台中的值。它显示[prevObject：n.fn.init [1]，上下文：文档] –

您是否尝试过更新的代码？ – maheshv13

var value = $（'。editBtn'）。parent（'td'）。next（'td'）。children（'span'）。text（）; console.log（“Value is”+ value）; – maheshv13

我想使用具有“隐藏”属性的跨度文本

回答

相关问题