Question

我的文档中有一些类名为NextButton的按钮。文档中可以同时有一个或多个nextbutton。但它们的宽度不同，如下所示

<input type="button" class="NextButton grid3" value="Continue" />

<input type="button" class="NextButton grid14" value="TestTest TestTest" />

    $('input[type=button].NextButton')
    .wrap('<div class="NextButton" />') 
    .parent()       
    .css('width',$('input[type=button].NextButton').outerWidth() + 'px')

问题是如何获得按钮元素的宽度。此代码查看具有类nextbutton的所有元素。我想要'这个'。因为正如您将在实例中看到的那样，我希望红色部分始终位于按钮的右侧，还有一个问题是它不可点击。 I want also that red part can be clicked.

.css('width',$('input[type=button].NextButton').outerWidth() + 'px')

提前致谢，

实例 http://jsfiddle.net/NZF7W/

Answer 1

尝试使用

 $(slector).each(function(i,e){
$(e).dostuff() <-- here is the current element and this will aplly to each element
$(e).css('width'); <-- will return the width of the current elem
});

Answer 2

$('input[type=button].NextButton')
    .wrap('<div class="NextButton" />') 
    .parent()       
    .css('width', function() {
        return $(this).outerWidth() + 'px';
    }).append(
        $('<div/>', {
            'class': 'Icon'
        }).click(function() {
            alert('clicked');  
        })
    );

Demo

如何在Jquery的.css部分中访问'this'元素

2 个答案: