Question

我有这样的HTML：

<input type="text"  name="hyouka_sha1_bi" class="class1 class2 ... classIWantToGet_1" ></td>
<input type="text"  name="hyouka_sha1_bi" class="class1 class2 ... classIWantToGet_2" ></td>

我希望获得所有input，其类名以"classIWantToGet_"开头。

我试图使用：

$('#template_body_new_doc').find(':input[class^=\'classIWantToGet_\']')

但我无法获得任何元素。它仅在我的输入有一个类名时才有效。

我该怎么做？

Answer 1

您可以使用attribute contains selector

$('#template_body_new_doc').find(':input[class*="classIWantToGet_"]')

注意：如果有另一个类在其中间或结尾包含给定字符串

，则这可能不起作用

Answer 2

您可以使用contains with selector of jQuery

$('#template_body_new_doc').find(':input[class*="classIWantToGet_"]')

<强> DEMO

Answer 3

对于任意数量的类，在下面的代码中，border将适用于所有类名以“classIWantToGet _”开头的输入。

$(document).ready(function() {
        $("input[class^='classIWantToGet'],input[class*=' classIWantToGet_']").css("border","1px solid");
    })

here是演示jsfiffle

Answer 4

Here is the working demo

In this example If input has a class starting with "classIWantToGet_" I am adding border for those input elements.

http://jsfiddle.net/silpa/a4s4m252/8/

Answer 5

试试这个：

$("input[class*='classIWantToGet']").css("border","1px solid red");

选中此JSFiddle

jQuery - 查找输入有多个类的类

5 个答案: