使用jquery获取span的子元素

Question

我有节点，如：

<td id="finalstep_x">
  <div class="mydiv">
    <span class="ui-icon-stop"></span>
    Caption_X
  </div>
</td>

并且一旦我将td元素作为当前调用：

.find('td[id^=finalstep_]')

什么是捕获span元素以使用ui-icon-check类切换ui-icon-stop类的最佳方法，反之亦然？

谢谢大家！ 干杯， 路易

Answer 1

使用name-attribute选择器时，您应该在属性值周围使用引号：

find('td[id^="finalstep_"]');
//           ^  HERE    ^

和切换课程：

$('td[id^="finalstep_"]').find('span').toggleClass("ui-icon-check  ui-icon-stop");

Answer 2

您可以这样使用：

.find('td[id^="finalstep_"]').find('[class^="ui-icon"]').toggleClass("ui-icon-check  ui-icon-stop");

Answer 3

您可以使用空格来指示后代以及 .toggleClass() 来切换类：

.find('td[id^="finalstep_"] span').toggleClass('ui-icon-check ui-icon-stop')

另请注意，您的ID包含特殊字符_，因此您需要将其包含在双引号" "中。