代码之家 › 专栏 › 技术社区 › Nick Rivers

jQuery:包含Selector if else语句

if-statement contains selector jquery

Nick Rivers · 技术社区 · 11 年前

我有一个结果页面,向用户展示他们是如何在网络表单上得分的。我正试图根据他们的回答显示不同的消息。

我已经设置了一个基本警报来显示用户所选择的内容。

var q1 = $('#webform-component-fieldset-1--question-1').text();
alert(q1);

if ($('#webform-component-fieldset-1--question-1:contains("A. Yes")')) {
    $('.results-wrapper').hide();
    $('.results').append('<div class="popup">User Selected A. Yes, for the first answer.</div>');
}
else if ($('#webform-component-fieldset-1--question-1:contains("B. No")')) {
    $('.results-wrapper').hide();
    $('.results').append('<div class="popup">User Selected B. No, for the first answer.</div>');
}
else if ($('#webform-component-fieldset-1--question-1:contains("C. I do not know")')) {
   $('.results-wrapper').hide();
   $('.results').append('<div class="popup">User Selected C. I do not know, for the first answer.</div>');  
}
else {
   alert('something went wrong');
}

http://jsfiddle.net/Hr6Lj/10/

2 回复 | 直到 11 年前

Jason Sperske 11 年前

这就是我要做的(使用jQuery的 data() 功能)( demo )

<div class="results">
    <div class="results-wrapper">
        <div class="form-item webform-component webform-component-display" id="webform-component-fieldset-1--question-1"
        data-answer="C">C. I do not know</div>
    </div>
</div>

<script>
  var updateAnswer = function (question) {
    var answer = question.data('answer');
    if (answer === 'A') {
      $('.results-wrapper').hide();
      $('.results').append('<div class="popup">User Selected A. Yes, for the first answer.</div>');
    } else if (answer === 'B') {
      $('.results-wrapper').hide();
      $('.results').append('<div class="popup">User Selected B. No, for the first answer.</div>');
    } else if (answer === 'C') {
      $('.results-wrapper').hide();
      $('.results').append('<div class="popup">User Selected C. I do not know, for the first answer.</div>');
    } else {
      alert('something went wrong');
    }
  }
  updateAnswer($('#webform-component-fieldset-1--question-1'));
</script>

Kevin B 11 年前

以下内容将始终为真,因为对象始终为真。

if ($('#webform-component-fieldset-1--question-1:contains("A. Yes")'))

您想要知道的是是否选择了任何元素。

if ($('#webform-component-fieldset-1--question-1:contains("A. Yes")').length)

推荐文章

RRR · 如何从span标记中提取文本?

6 年前

nrweb · 使用JQuery在页面的第一个元素中选择第一个出现的子元素?

6 年前

Luis Pedro Méndez · 带有touchUpInside的UIButton选择器在使用Swift 4的嵌套UIView中不起作用

6 年前

Joe Alex · 通过perform crasher调用#selector@objc函数

6 年前

Pangamma · 如何压缩多组css查询

6 年前

left click · sass是否支持按如下方式使用父选择器?

6 年前

user594883 · 奇怪的斯威夫特的选择器行为。参数值通过#选择器完全不同

7 年前

shurrok · Android drawer selector state_activated(安卓抽屉选择器状态)不起作用,并且不为选定项着色

7 年前

Romik romikromik · 如何使用选择器将操作添加到UITextField

7 年前

jaywalker · SelectionKey的底层工作。利息(int ops)

7 年前