更改jQuery中的textarea行

Question

我正在尝试使用Tampermonkey在我们的一个Web管理界面中更改UI，但是我无法使其正常工作，可能是因为它们为tr，span和textarea元素设置了相同的ID。

<tr id=thisspecificid>
    <span id=thisspecificid>
        <div>
            <textarea id=thisspecificid rows=15></textarea>

如果我运行$("#rule_definition")我只会得到tr元素。

您对如何将文本区域更改为30行有任何想法吗？

请注意，我根本没有对html部分的任何控制，我只想更改行，仅此而已。

此致Patrik

Answer 1

您可以在具有ID的选择器中添加控件类型 ，以获取所需的特定元素。 您可以将属性选择器与元素类型一起使用。 在属性选择器中，将*用作通配符，用于在ID中包含给定字符串的元素。

$("textarea[id*=rule_definition]").attr('rows','30'); 

如果您确定ID将以rule_definition开头， rule_definition可以使用以^代替*选择器开头

$("textarea[id^=rule_definition]").attr('rows','30'); 

Answer 2

这将在#thisspecificid找到textarea元素

$('#thisspecificid textarea').attr('rows', 20);

演示： https : //jsfiddle.net/tusharj/rwmwyhd6/

Answer 3

注意：所有编号必须唯一，如果不是，请这样做

要将textarea更改为30行（假设：一个textarea），您可以像

 $('textarea').attr("rows","30") 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <textarea id=thisspecificid rows=15></textarea> 

Answer 4

您可以使用.attr（）进行更改：

$('tr textarea').attr("rows","30");

阅读有关jquery.attr（）的更多信息