Question

<td class="box">
<span>
<img src='http://something.com' />
</span>
</td>

您如何选择span标签？我需要使用jQuery添加额外的图像（对于用户脚本），但选择跨度然后添加元素比我想象的要难。

Answer 1

其中任何一项都应该有效

$('span', '.box');
$('.box span');
$('.box > span');
$('.box').find('span');
$('.box').children('span');
$('.box').children('span').first();

等。 ....

甚至

$('img[src$="something.com"]').before('<img src="newimage.jpg" />');
$('span:has(img)');
$('span').filter(function() { return $(this).find('img[src$="something.com"]').length })

Answer 2

$('img[src="http://something.com"]').closest('span');

如果您只想定位包含特定span图片的特定src，则可以使用上述选择器。

但是如果你想将所有td.box作为其后代的目标，那么 @adeneo 的建议应该有效。

Answer 3

$('.box').find('span');

会做到这一点！

Answer 4

$（'。box span'）可让您选择范围

Answer 5

您可以使用jquery find方法http://api.jquery.com/find/

Answer 6

只有你展示的片段，我可能会使用这样的东西：

$('td.box span')

如果td.box中还有其他父母，您可以使用它们来获得更具体的信息。

在元素中查找没有类或id的元素 - jQuery

6 个答案: