javascript - jquery在后面的选择器中引用初始元素选择器

Question

是否可以在以下选择语句中引用原始选定元素，如下所示:

$('.someclass').next('span').hide().parent().append('<input class="textbox" name="'+$(this).attr("name")+'-x'+'"/>');

其中 $(this) 是原始的 $('.someclass') 元素。

我正在尝试从初始元素获取属性以应用于语句中的另一个元素。

编辑

由于初始元素是按类选择的，因此存在多个具有相同类名的元素。

这是源代码:

<div>
<input class="someclass" name="somename">
<span></span>

我想隐藏输入，并使用带有前缀的原始输入名称添加新输入。

Answer 1

您的标题提出的问题与您的问题不同。

.end() 遍历到初始元素，但您想使用该元素影响另一个元素。

$('.someclass').each(function(){
    $(this).next('span').hide().append('<input class="textbox" name="'+$(this).attr("name")+'-x'+'"/>');
})

http://jsfiddle.net/0ub2ht5s/

或者如果您更喜欢创建元素而不是 HTML

$('.someclass').each(function(){
    $input = $('<input>', {
        name: $(this).attr("name")+'-x',
    }).addClass('textbox');
    $(this).next('span').append($input);
})

http://jsfiddle.net/0ub2ht5s/2/

我从 fiddle 中删除了 .hide() 否则你什么也看不到。

您可以使用通过给 append 一个函数提供的语法来完成它，但是您会进行不必要的遍历，所以不要执行以下操作，它在这里作为示例:

$('.someclass').each(function(){
    $(this).next('span').append(function(){
        return '<input class="textbox" name="'+$(this).prev().attr("name")+'-x'+'"/>'
    });
})

http://jsfiddle.net/0ub2ht5s/1/