JQuery - изменение CSS шкалы внутри кликнутой DIV

Question

У меня есть таблица:

<table> 
    <tr class="row"> 
    <td> 
     Click me! 
     <span class="expand" style="display: none;">Hidden text</span> 
    </td> 
    </tr> 

    <tr class="row"> 
    <td> 
     Click me! 
     <span class="expand" style="display: none;">Hidden text</span> 
    </td> 
    </tr> 
</table> 

Идея заключается в том, что каждая строка может быть нажата, и нажав на строку покажет скрытый промежуток в клетке. Вот JQuery я пытался:

$("#row").click(function() { 
    $(this).class(".expand").style = ""; 
}); 

Я использую $ (это), потому что есть много spans одного и того же класса, и я только хочу, чтобы расширить интервал в пределах щелкнули строки.

Answer 1

$(".row").click(function() { 
    $(this).find("span.expand").show(); //Shows specific span for each row 
}); 

Примечание: #row неверно, так как row класс. Используйте .row

Answer 2

Используйте .css() установить стиль с помощью JQuery

$(".row").click(function() { 
    $(this).find(".expand").css('color','red'); 
    //to show use 
    $(this).find(".expand").show(); 
}); 

.find()

чтения Также

css with jQuery

Answer 3

Это разбирайтесь вас:

JQuery:

$('.row').click(function(){ 
    $(this).find('span').show(); 
}); 

* Обратите внимание, что каждая строка имеет класс «строки», так что элемент является «.row» не „#row“ (который будет ссылаться на идентификатор „строки“)

Answer 4

используйте этот код ...

$('.row').click(function(){  // row is class not id 
    $(this).find('span').show(); 
}); 

Если вы хотите, чтобы переключить дисплей (шоу, когда скрытые и скрыть при показе), а затем использовать ..

$('.row').click(function(){  // row is class not id 
    $(this).find('span').toggle(); 
});