Javascript X-可编辑:如何向输入框添加额外属性?

Javascript X-可编辑:如何向输入框添加额外属性?,javascript,jquery,html,twitter-bootstrap,x-editable,Javascript,Jquery,Html,Twitter Bootstrap,X Editable,我有一个链接,它已启用了data type=“text” 我想在编辑项目时创建的输入字段中添加一个附加属性 因此,此时x-editable正在生成以下输入字段: <input type="text" class="form-control input-sm" style="padding-right: 24px;"> 我想添加一个pattern属性,它看起来像(添加pattern attr): 如何添加这个额外的属性?您可以使用attr方法设置任何值(我们没有addAttr

我有一个链接,它已启用了
data type=“text”

我想在编辑项目时创建的
输入
字段中添加一个附加属性

因此,此时x-editable正在生成以下输入字段:

<input type="text" class="form-control input-sm" style="padding-right: 24px;">

我想添加一个pattern属性,它看起来像(添加pattern attr):



如何添加这个额外的属性?

您可以使用
attr
方法设置任何值(我们没有
addAttr
方法,我们只需要使用
element.attr('AttributeName','AttributeValue')

如果希望删除该属性,则可以使用以下语法

  element.removeAttr('AttributeName')
$('input').attr('pattern','desiredValue');
警报($('input').attr('pattern'))

请注意,每次单击x-editable元素都可以到达生成的输入 在弹出窗口中使用

$('your element').on("click",function(){
  $(this).next().find(".editable-input input").attr("data-pattern","yep 1!")
});
请参见下面的代码段:使用inspect,您将看到
模式
attr存在

$(函数(){
$('#username1')。可编辑();
$('#username1')。在(“单击”,函数()上){
$(this).next().find(“.editable input”).attr(“数据模式”,“是1!”)
});
$('#username2')。可编辑();
$('#username2')。在(“单击”,函数()上){
$(this).next().find(“.editable input”).attr(“数据模式”,“是的2!”)
});
});










您可以使用jQuery中的方法:

$('.input-sm').attr("pattern","blah")

试着看一下文档,因此basic
$(element).attr(“attribute”,“value”)
@CarstenLøvboAndersen我无法访问我可以找到的元素。我可以通过可编辑构造函数给输入一个类,但是,这个输入字段在单击元素之前不存在(通过x-editable转换为输入字段)。所以如果我做了
$('.class').attr(“pattern”,“blah”)则它不会做任何事情,因为
输入还不存在。如果我错了,请纠正我。你为什么投反对票?并解释答案的错误我上面的回答与你的答案有相同的问题,不是我对你的答案投了反对票。不是我的票(没有代表),但我相信问题是你的答案与问题中的评论基本相同好吧。@PeterHansen,在我发布我的答案之前,我还没有看到评论
$('.input-sm').attr("pattern","blah")