title: How can I get data from table row that has data-id attribute?
body: <p>I  have html table:</p>
  
  <pre><code>&lt;table data-role="table" data-mode="columntoggle:none" class="ui-responsive ui-table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;&lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style="vertical-align: inherit;text-align:center;"&gt;
                  &lt;label for=""&gt;...&lt;/label&gt;
              &lt;/td&gt;
              &lt;td style="text-align:center;"&gt;
                  &lt;div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"&gt;
                      &lt;input type="text" id="propFieldName" value=".."&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
                  &lt;tr data-id=""&gt;
                  &lt;td style="vertical-align: inherit;text-align:center;"&gt;
                      &lt;label for=""&gt;numerItem&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td style="text-align:center;"&gt;
                      &lt;div class="ui-select"&gt;
                          &lt;div id="select-48-button" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow"&gt;
                              &lt;span&gt;001&lt;/span&gt;
                              &lt;select&gt;
                                  &lt;option value=""&gt;001&lt;/option&gt;
                                  &lt;option value=""&gt;002&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr data-id="5075"&gt;
                  &lt;td style="vertical-align: inherit;text-align:center;"&gt;
                      &lt;label for=""&gt;diametr&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td style="text-align:center;"&gt;
                      &lt;div class="ui-select"&gt;
                          &lt;div id="select-48-button" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow"&gt;
                              &lt;span&gt;6&lt;/span&gt;
                              &lt;select&gt;
                                  &lt;option value=""&gt;3&lt;/option&gt;
                                  &lt;option value=""&gt;4&lt;/option&gt;
                                  &lt;option value=""&gt;6&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr data-id="5076"&gt;
                  &lt;td style="vertical-align: inherit;text-align:center;"&gt;
                      &lt;label for=""&gt;multi&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td style="text-align:center;"&gt;
                      &lt;div class="ui-select"&gt;
                          &lt;div id="select-49-button" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow"&gt;
                              &lt;span&gt;no&lt;/span&gt;
                              &lt;select&gt;
                                  &lt;option value=""&gt;yes&lt;/option&gt;
                                  &lt;option value=""&gt;no&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt; 
  </code></pre>
  
  <p>When I click some button I need to get all rows in data table that has data-id attribute and text inside span element.</p>
  
  <p>For example according  to table above the desired result after click is:</p>
  
  <pre><code>[{ "id":"5075", "value":6 },{ "id":"5076", "value":"no" }]
  </code></pre>
  
  <p>My question is how can I get only rows from table that has data-id attribute and value(i.e value not empty) and how do I get text from span of those rows?</p>