將樣式應用於多個選擇器

Question

以下內容為何不將CSS規則應用於這兩個元素？

var prevElem = $('<a href="#" class="'+ settings.prev +'" />').text('Prev');
var nextElem = $('<a href="#" class="'+ settings.next +'" />').text('Next');
container.append(prevElem, nextElem);
$(prevElem, nextElem).css('top', container.height()/2);

它僅適用於prevElem。

請注意，動態元素已添加到DOM（及其類）中，因此它們就在其中。

Answer 1

要執行所需的操作，必須調用add()方法。

var prevElem = $('<a href="#" class="'+ settings.prev +'" />').text('Prev');
var nextElem = $('<a href="#" class="'+ settings.next +'" />').text('Next');

prevElem.add(nextElem).appendTo(container).css('top', container.height()/2);

您不能通過將數組作為參數提供給jQuery來加入數組的原因是，根本就沒有這樣的API。 而且不應該這樣，因為它將無法實現在上下文中搜索元素的jQuery（selector [，context]） 。 查看$ .add（）了解您嘗試執行的操作。

Answer 2

您的代碼應為：

prevElem.add(nextElement).css('top', container.height()/2);

如果您查看jQuery的文檔，將會發現您無法以嘗試的方式創建包含兩個元素的jQuery對象。 閱讀文檔，無需猜測其工作方式。