Boa noite galera,
estou fazendo um projeto que tenho a necessidade de selecionar todas as divs que estao dentro das tds exceto as que possuem botões.
Ja tentei usar seletores aninhados mas sem sucesso.
Alguem teria alguma ideia de como fazer ?
Seria algo mais ou menos assim :
<html>
<head>
<title>Insert title here</title>
<style type="text/css">
.foo{
display:-moz-grid-group !important;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function() {
$("td > div").css("border", "3px double red");
});
</script>
</head>
<body>
<TABLE BORDER=1 width="50%">
<TR >
<TD><div class="foo">PRIMEIRA COLUNA </div></TD>
<TD><div class="foo">SEGUNDA COLUNA </div></TD>
<TD><div class="foo">TERCEIRA COLUNA </div></TD>
<td><div class="foo"><input value="Btn1" type="submit" /></div></td>
</TR>
<TR>
<TD><div class="foo">PRIMEIRA COLUNA </div></TD>
<TD><div class="foo">SEGUNDA COLUNA </div></TD>
<TD><div class="foo">TERCEIRA COLUNA </div></TD>
<td><div class="foo"><input value="Btn2" type="submit" /></div></td>
<TR>
</TABLE>
</body>
</html>