2014-01-29 2 views
0

Как я могу получить «Test2» с помощью JavaScript?Как я могу получить значение внутри Tr с помощью javascript

Вот мой HTML:

<table> 
    <th> </th> 
    <tr id = "123"> 
    <td> 
     <UL> 
     <Li> Test1 </Li> 
     <Li> <a class ="SomeClass" >Test2 <a/> </Li> 
     </UL> 
    </td> 
    </tr> 
</table> 
+2

Ваша разметка является недействительным, TR должен только у TD детей. – undefined

+0

Есть jQuery вариант? вы можете сделать getElementById, но jq предназначен для такого рода вещей! – Liath

+0

Почему бы вам не назначить атрибут идентификатора и получить его с помощью document.getElementByID ??? –

ответ

1

Вы можете использовать document.getElementsByClassName:

var a = document.getElementsByClassName('SomeClass'); 
var value = a[0].innerHtml; 

JSFiddle

Если вы уже используете JQuery вы можете просто использовать

$('.SomeClass').text(); 

Надеюсь, это поможет!

+1

Должно ли это быть чем-то вроде [0] .innerHTML? возможно, больше элементов с одним классом. – zozo

+0

@zozo, работая сейчас, взгляните на JSFiddle. – Yani

+0

Я знаю, работает:) ... вот почему я предложил исправить. Тем не менее, поскольку он хочет только значение от этого родителя, я предлагаю искать этот класс внутри дочерних элементов указанного div (но поскольку я набираю текст с телефона, я не буду добавлять ответ). – zozo

0

Для этого попробуйте использовать следующий код JavaScript.

var example = document.getElementById('test2').innerHTML; 
 

 
alert(example);
<table> 
 
    <th></th> 
 
    <tr id="123"> 
 
    <td> 
 
     <UL> 
 
     <Li>Test1</Li> 
 
     <Li> <a class="SomeClass" id="test2">Test2 <a/> </Li> 
 
     </UL> 
 
    </td> 
 
    </tr> 
 
</table>

+5

После получения идентификатора, сделайте все, что вы хотите с ним сделать. –

+5

Зачем ответ шутника? Является допустимым решением (хотя он должен добавить значение var = example.innerHTML в конце, а добавление разметки - не всегда хороший способ сделать что-то). – zozo

Смежные вопросы