jQuery條件鏈接

假設我有以下jQuery代碼。它工作的很好，但只有在var insertAfter等於true的情況下，我才需要包含.after($('<div />'))。有沒有一個優雅的jQuery的方式來做到這一點？jQuery條件鏈接

$('#whatEver') 
    .parent() 
    .show() 
    .width(123) 
    .addClass('bebo') 
    .before($('<div />')) 
    .after($('<div />')) 
    .parent() 
    .addClass('bla');

來源

2012-12-14 user1032531

試試這個使用三元運算符：

.after(insertAfter ? $('<div />') : '')

來源

2012-12-14 14:20:41 antyrat

感謝antyrat，正想着這一點。任何將'''插入到DOM中的問題？ – user1032531

jQuery'after'方法接受字符串，所以它不會插入任何東西;） – antyrat

有無數的例子，在這裏堆棧溢出如何檢查是否變量定義：

然後你可以使用break和繼續控制流動。

http://www.w3schools.com/js/js_break.asp

來源

2012-12-14 14:26:06 iOSAndroidWindowsMobileAppsDev

我理解三元運算符並確定變量是否已定義。我的不確定性在於是否可以根據條件完全消除after（）方法。 – user1032531

從我看到的情況來看，這不是你的問題所要求的，你需要對它重新進行描述，因爲消除是一個完全不同的概念，任何人都可以被拒絕投票，如果他們提出不適當的答案，除了目前正在進行的工作以外的其他任何東西 – iOSAndroidWindowsMobileAppsDev

我認爲我的原始問題很清楚，但是我對您的帖子的評論不是。基於某些條件，我的意思是，甚至不要「after（）」來執行「消除」。 – user1032531

可以擴展jQuery庫是這樣的：

$(function() { 
    $.fn.afterif = function (param, condition) { 
     if (condition) { 
      $(this).after(param); 
     } 
     return this; 
    } 
}(jQuery));

而且使用這樣的：

var insertAfter = true; 
$('#whatEver').afterif($('<div />'), insertAfter);

來源

2012-12-14 14:28:59

您不返回'this'，所以在調用函數後，您將無法使用此元素。只有在再次訪問它之後。 – antyrat

感謝@antyrat，我已經更新了我的答案。 –

更好的方法是在返回之前將所有內容都包含在'this.each'中，這樣您就可以使用此選擇器來操作所有節點，而不僅僅是第一個。我的意思是'返回this.each（function（）{' – antyrat

jQuery條件鏈接

回答

相關問題