2013-03-08 2 views
0

Здравствуйте как бы я получить доступ к text объекта с помощью ребенка родительского селектора CSS обозначениякак бы я этот селектор с помощью ребенка/родителя обозначения

http://i49.tinypic.com/nxjbxh.png

т.е. $(#mydivID > svg) бы получить мой объект SVG, который не имеет имени класса или id.

Как я могу получить объект text? это будет $(.x axis > g > text)? Я не уверен,

Я использую d3, но JQuery и d3 могут получить селекторов, используя аналогичные обозначения, и я полагал, что все больше людей будут знакомы с JQuery, чтобы они могли ответить на этот вопрос достаточно адекватно

ответ

3

Правильный CSS селектором будет .x.axis > g > text.

EDIT:ajp15243 points out, что это было бы получить все text элементы g элементов, вложенных непосредственно под .x.axis. Для того, чтобы получить специфическийtext элемент отмеченных выше, используйте этот селектор:

.x.axis > g:nth-child(2) > text

+0

@CQM Примечание, если первый '' тег внутри '.x.axis' также имеет непосредственный ребенок' ' тег , вы также будете выбирать это. Однако, учитывая изменение ответа, это не должно быть проблемой :). Все зависит от того, чего вы хотите. – ajp15243

+0

@ ajp15243 и Barney, это поставило меня на правильный трек, я в итоге выбрал его так: 'd3.select ('. X.axis'). SelectAll ('g> text')' – CQM

+0

@CQM Если это работает, то здорово. Просто имейте в виду, что если вы добавите какие-либо другие вложенные теги '' где-нибудь под '.x.axis' с немедленными' 'дочерними тегами, они также будут выбраны. Если вы этого не сделаете, то похоже, что вам хорошо. – ajp15243

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