Манипулирование строками в jQuery

Question

У меня есть div, который сворачивается при нажатии на заголовок текста. Я хочу изменить заголовок с «+ filters» на «- filters» соответственно (когда div свернут или развернут)

Как я могу выполнить это с помощью jQuery:

if (headerDiv.text() starts with "+")
    replace "+" with "-" 
else 
    replace "-" with "+"

Answer 1

Неважно, я понял это

if ($(header).text().trim().charAt(0) == "+")
    $(header).text($(header).text().replace("+", "-"));
else
    $(header).text($(header).text().replace("-", "+"));

Если это не правильный путь, я буду признателен за хедз-ап

Answer 2

Я бы сделал:

var plus_string = "<span class=/"plus/">+</span>";
var minus_string = "<span class=/"minus/">-</span>";


if($("div.header").hasClass("plus")){
    $("div.header").removeClass("plus");
    $("div.header").addClass("minus");
    $("div.header").append(plus_string);
    $("span.plus").remove();
 } else (... the reverse of the above...)

Это потому, что я бы использовал класс плюс и минус, чтобы обработать немного CSS, чтобы изменить внешний вид заголовка div. Как вы, вероятно, уже делаете это, вы можете немного поиграть с этим, как это:)

Answer 3

будь проще, зачем тебе это разбирать? Вы просто заменяете одну строку другой.

if(headerDiv.text() == '+ filters')
{
    headerDiv.text() == '- filters';
}
elseif(headerDiv.text() == '- filters')
{
    headerDiv.text() == '+ filters';
}