某个元素上的jquery选择器

Question

我有一个如下所示的元素：

 <tr id="test1" class="class-of-part1">
 <td>...</td>
 </tr>

我必须选择id为'test1'的元素和以'class-of'开头的类。如何用jquery选择器选择？

Answer 1

使用Attribute Starts With Selector ([name^="value"])：

$("#test1[class^='class-of-']")

虽然id 应该是唯一的。

<强> DEMO

Answer 2

$('#test1')＆lt;按ID

$('.class-of-part1')

$('input[class^="startofclassname"]')＆lt;类似的东西

^类名开头的任何输入＆＃34; startofclassname＆＃34;

更多信息：http://api.jquery.com/category/selectors/

也许尝试一些googleing，看看我找到了什么：http://api.jquery.com/attribute-starts-with-selector/

你去了

Answer 3

你有什么尝试？你用Google搜索了吗？

选择ID

$('#test1')

选择以字符串

开头的类

$('[class^="class-of-part"]')

虽然选择一个前缀只适用于属性，所以在这种情况下，如果您有多个类，它将不起作用。

http://api.jquery.com/category/selectors/

Answer 4

$('tr#test1[class^="class-of"]')

<{> tr id = "test1"和class以"class-of"开头

Answer 5

以下所有方法都有效：

$('#test1[class^="class-of"]');

$('#test1').filter('[class^="class-of"]');

虽然按ID（总是唯一的）选择时，不需要该课程。

$('#test1');

Answer 6

这可能不是OP answer正在寻找的，但我想我应该在这里注入一些基础知识。

通过评论和答案阅读，让我想起了我学习jquery的那一天：）

我们所面临的基本问题是“我们感到迫切需要为每个该死的元素分配ID”。 为什么呢？

1）使用直接ID更容易选择元素 2）我们懒得思考如何为动态生成的元素添加事件监听器。 3）用.ready()函数编写所有内容使其看起来很安全。 ：P

我的意识， 1）你不需要所有的ID。

至于OP。他希望选择TR类，其类名以“class-of”开头。

OP还指定所有元素都是动态生成的。 因此，我建议将事件绑定到那些具有以“class-of”开头的类名的TR，就在我们创建它们的那一刻。这将避免大量返工及其系统化方法。

我的个人意见是，将您的元素添加到DOM“readymade” 我对“现成品”的意思是你不应该将事件绑定到它们，或者添加额外的属性，或者实际上以任何方式操纵它们。 您应该在将它们插入DOM之前处理它。 提高性能，提高编码技能，使amateurs更难理解，从而保留您的依赖性：p lol