javascript - 找到一个按钮并通过 jquery/javascript 分配一个 id

Question

我有一个包含两种形式的网页...都在 <DL> 中

<dl>
<form action="" method="POST" style="display:inline-block;">
    <dl><dt></dt><dd><input class="submit" type="submit" value="Create TEST" style="width: 15em;"></dd></dl>
</form>
<form action="" method="POST" style="display:inline-block;">
    <dl><dt></dt><dd><input class="submit" type="submit" value="Create TEST2" style="width: 15em;"></dd></dl>
</form>    
</dl>

我需要找到这两个按钮并为它们分配 ID。

这是我目前所拥有的:

//find the two create buttons and assign ids
$('body FORM:contains("Create TEST")').contents().each(function () {
var exp = /Create TEST/;        
if (this.nodeValue && exp.test(this.nodeValue)) {                      
    var $createoutrule = this;
    $createoutrule.attr('id',"id123");
    return 
}; 
}); 

但它不起作用...你能告诉我我做错了什么吗？我要去谷歌 .contents() 以确保我了解它应该返回的方式/内容......

谢谢。

Answer 1

:contains 查找文本内容。

您的选择器可以更简单:

$('input[type=submit][value^="Create TEST"]')...

...这意味着“一个 input with type "submit" whose value attribute starts with “创建测试””。

给它们添加id值(注意它们必须是两个不同id值，因为id s 必须在页面上是唯一的)，那么:

$('input[type=submit][value^="Create TEST"]').each(function(index) {
    this.id = "id" + index; // Will be "id0" then "id1"
});

当然，因为您已经有了使用上述代码的按钮，您可能不再需要为它们分配 id 值，您可以稍后使用id 就在上面的代码中。但是，如果您的用例需要 id，上面的代码就可以做到。

---

如果这些值只是占位符，则适用相同的一般原则:如果两者以相同的文本开头，您可以使用 attribute-starts-with selector多于;如果没有，还有 attribute-ends-with selector , attribute-contains selector , ...